在vant-ui組件中如何調(diào)用Dialog實(shí)現(xiàn)異步關(guān)閉彈窗?針對(duì)這個(gè)問(wèn)題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。
需求描述:
需求描述:官方文檔又是組件調(diào)用方式,又是函數(shù)調(diào)用方式。
我就需要一個(gè)很簡(jiǎn)單的:點(diǎn)擊操作彈窗顯示后,我填寫(xiě)一個(gè)表單,表單校驗(yàn)通過(guò)后,再調(diào)用API接口,返回成功后,關(guān)閉彈窗。
一個(gè)很簡(jiǎn)單的東西,element-ui用的很方便,在這里就懵比了,剛開(kāi)始做的,彈窗關(guān)閉了,才返回異步接口調(diào)用的結(jié)果。網(wǎng)速慢點(diǎn),用起來(lái)真的很不好。
正確的解決方式一:
<van-dialog v-model="showDialog" title="提示" show-cancel-button :before-close="onBeforeClose" @confirm="handleConfirm" > <van-form ref="myform"> <van-field v-model="attendanceName" name="name" label="名稱" placeholder="請(qǐng)輸入名稱" :rules="[ { required: true, message: '請(qǐng)?zhí)顚?xiě)名稱' } ]" /> </van-form> </van-dialog>
網(wǎng)頁(yè)題目:在vant-ui組件中如何調(diào)用Dialog實(shí)現(xiàn)異步關(guān)閉彈窗-創(chuàng)新互聯(lián)
分享URL:http://www.rwnh.cn/article34/cejpse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、虛擬主機(jī)、商城網(wǎng)站、關(guān)鍵詞優(yōu)化、網(wǎng)站制作、軟件開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容