vant組件中 dialog的確認(rèn)按鈕的回調(diào)事件操作
不知道是不是我理解有問題，看了vant的組件庫，他的文檔是這樣說的
然后我就綁定了事件 ：confirm
結(jié)果他的觸發(fā)機(jī)制是：加載頁面時(shí)會(huì)觸發(fā)，點(diǎn)擊按鈕打開模態(tài)框時(shí)會(huì)觸發(fā)，點(diǎn)擊確定會(huì)觸發(fā)，點(diǎn)擊取消也會(huì)觸發(fā)。
經(jīng)過查閱資料以后，可以綁定他一個(gè)事件：beforeClose
這個(gè)事件的回調(diào) 有兩個(gè)參數(shù)，
第一個(gè)參數(shù)是來判斷點(diǎn)擊的是確認(rèn)按鈕還是取消按鈕。第二個(gè)參數(shù)我感覺就是可以關(guān)閉模態(tài)框。
補(bǔ)充知識：修改 vant 彈窗Dialog 組件調(diào)用是確認(rèn)按鈕與取消按鈕的文字
Props
有關(guān)props 兩個(gè)屬性 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)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了使用window.open和vue router新開頁面方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
詳解Vue學(xué)習(xí)筆記入門篇之組件的內(nèi)容分發(fā)(slot)
這篇文章主要介紹了詳解Vue學(xué)習(xí)筆記入門篇之組件的內(nèi)容分發(fā)(slot)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
vue 使用 sortable 實(shí)現(xiàn) el-table 拖拽排序功能
這篇文章主要介紹了vue 使用 sortable 實(shí)現(xiàn) el-table 拖拽排序功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
vue實(shí)現(xiàn)token登錄驗(yàn)證的完整實(shí)例
最近公司新啟動(dòng)了個(gè)項(xiàng)目，用的是vue框架在做,下面這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)token登錄驗(yàn)證的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細(xì)介紹了Vue3中自定義指令的實(shí)踐，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，感興趣的小伙伴可以了解一下2023-06-06
解決Vue+Electron下Vuex的Dispatch沒有效果問題
這篇文章主要介紹了Vue+Electron下Vuex的Dispatch沒有效果的解決方案 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，和React，都自稱自己只關(guān)注視圖層，全家桶對于開發(fā)一個(gè)完整的中大型單頁面應(yīng)用項(xiàng)目所必須的所必須的插件和框架，本文給大家分享Vue全家桶入門基礎(chǔ)教程，感興趣的朋友一起看看吧2021-05-05
這篇文章主要介紹了vue3時(shí)間戳轉(zhuǎn)換，?vue2轉(zhuǎn)換時(shí)間戳的時(shí)候一般使用過濾器的方式，到vue3之后，vue3移除了過濾器，就不能再用了，官方是推薦使用方法或者計(jì)算屬性的方式。下面我們來看看詳細(xì)介紹吧</P><P>2021-12-12
這篇文章主要介紹了VUE程序調(diào)試的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細(xì)介紹了vue圖片上傳組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12