亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue.js如何寫confirm彈窗

vue.js如何寫confirm彈窗

白豬掌柜的 2019-03-30 23:18:13
我實現點擊提交后,彈出選擇框。確定:提交,取消:不提交?,F在寫了個大概,但不知道如何將提交函數和提示框做連接。彈窗代碼:<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就出現上面的彈窗,再點確定就提交呢。
查看完整描述

3 回答

?
犯罪嫌疑人X

TA貢獻2080條經驗 獲得超4個贊

給你推薦一個vue的UI庫iview

你的submit要控制上邊的dom顯示的,真正的提交方法應該要寫到彈出框的確定按鈕上,取消按鈕就是控制彈出框隱藏的


查看完整回答
反對 回復 2019-04-02
?
慕少森

TA貢獻2019條經驗 獲得超9個贊

再給你推薦一個vue的UI庫,element


查看完整回答
反對 回復 2019-04-02
  • 3 回答
  • 0 關注
  • 4044 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號