vant組件中 dialog的確認(rèn)按鈕的回調(diào)事件操作
不知道是不是我理解有問題，看了vant的組件庫，他的文檔是這樣說的
然后我就綁定了事件 ：confirm
結(jié)果他的觸發(fā)機(jī)制是：加載頁面時會觸發(fā)，點(diǎn)擊按鈕打開模態(tài)框時會觸發(fā)，點(diǎn)擊確定會觸發(fā)，點(diǎn)擊取消也會觸發(fā)。
經(jīng)過查閱資料以后，可以綁定他一個事件：beforeClose
這個事件的回調(diào) 有兩個參數(shù)，
第一個參數(shù)是來判斷點(diǎn)擊的是確認(rèn)按鈕還是取消按鈕。第二個參數(shù)我感覺就是可以關(guān)閉模態(tài)框。
補(bǔ)充知識：修改 vant 彈窗Dialog 組件調(diào)用是確認(rèn)按鈕與取消按鈕的文字
Props
有關(guān)props 兩個屬性 confirm-button-text 與 cancel-button-text 。
confirm-button-text 確認(rèn)按鈕顯示內(nèi)容
cancel-button-text 取消按鈕顯示內(nèi)容
<van-dialog class="" confirm-button-text="這里輸入確認(rèn)按鈕的文字" cancel-button-text="這里輸入取消按鈕顯示的文字" title="這里是標(biāo)題" show-cancel-button v-model="show" @confirm="" v-cloak>
</van-dialog>
文檔鏈接：https://youzan.github.io/vant/#/zh-CN/quickstart#fang-shi-si.-tong-guo-cdn-yin-ru
以上這篇vant組件中 dialog的確認(rèn)按鈕的回調(diào)事件操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
python虛擬環(huán)境 virtualenv的簡單使用
virtualenv是一個創(chuàng)建隔絕的Python環(huán)境的工具。這篇文章主要介紹了python虛擬環(huán)境 virtualenv的簡單使用，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
Vue3實現(xiàn)富文本內(nèi)容導(dǎo)出為Word文檔
這篇文章主要為大家詳細(xì)介紹了Vue3如何通過純前端方案將富文本內(nèi)容直接導(dǎo)出為符合中文排版規(guī)范的 Word 文檔,有需要的小伙伴可以參考下2025-03-03
element-plus 如何設(shè)置 el-date-picker 彈出框位置
el-date-picker 組件會自動根據(jù)空間范圍進(jìn)行選擇比較好的彈出位置,但特定情況下,它自動計算出的彈出位置并不符合我們的實際需求,故需要我們手動設(shè)置,這篇文章主要介紹了element-plus 如何設(shè)置 el-date-picker 彈出框位置,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了vue使用element-ui的el-image的問題分析,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要為大家詳細(xì)介紹了Vue draggable實現(xiàn)從左到右拖拽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue封裝組件之上傳圖片組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
Vue簡易注冊頁面+發(fā)送驗證碼功能的實現(xiàn)示例
本文主要介紹了Vue簡易注冊頁面+發(fā)送驗證碼功能的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了vue中的計算屬性傳參，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
nuxt 服務(wù)器渲染動態(tài)設(shè)置 title和seo關(guān)鍵字的操作
這篇文章主要介紹了nuxt 服務(wù)器渲染動態(tài)設(shè)置 title和seo關(guān)鍵字的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vue2.0 使用element-ui里的upload組件實現(xiàn)圖片預(yù)覽效果方法
今天小編就為大家分享一篇vue2.0 使用element-ui里的upload組件實現(xiàn)圖片預(yù)覽效果方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09