vue.js如何寫confirm彈窗

我實現(xiàn)點擊提交后，彈出選擇框。確定：提交，取消：不提交?，F(xiàn)在寫了個大概，但不知道如何將提交函數(shù)和提示框做連接。
彈窗代碼：

<transition name="bounce">
                    <div class="kiko-confirm" v-if="visible">
                      <div class="bg"></div>
                      <div class="kiko-container" :style="{width: width}">
                        <div class="header">
                          {{title}}
                          <i @click="close" class="icon-remove icon-large kiko-close-btn" v-if="closeVisible"></i>
                        </div>
                        <div class="content">
                          <slot></slot>
                        </div>
                        <slot name="footer">
                          <div class="kiko-footer" slot="footer">
                            <a href="javscript:void(0)" class="kiko-btn make-sure" @click="confirmMakeSure">確定</a>
                            <a href="javscript:void(0)" class="kiko-btn cancel" @click="confirmVisible = false">取消</a>
                          </div>
                        </slot>
                      </div>
                    </div>
                  </transition>

提交button：

 <button v-on:click="submit($event)">submit</button>

如何能一點擊submit就出現(xiàn)上面的彈窗，再點確定就提交呢。