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