vue+vant Dialog弹出框异步关闭

vue+vant Dialog弹出框

在使用Dialog组件时,因为官方文档说明不够详细,导致踩坑。
使用场景:点击删除时友好提示(如图):

在这里插入图片描述
下面整理出两种使用方式:

第一种:(可以在回调函数中使用方法中的参数)

methods: {
	del(id) {
		this.$dialog.confirm({
        	message: '确认删除?',
        	beforeClose: ((action, done) => {
        		if (action === 'confirm') {
        			setTimeout(done, 1000);
        		}else{
        			done();
        		}
        	})
        });
	}
}

第二种:(无参数可以使用该方法)

methods: {
	del() {
		this.$dialog.confirm({
        	message: '确认删除?',
        	beforeClose: this.beforeClose
        });
	},
	beforeClose(action, done) {
         if (action === 'confirm') {
             setTimeout(done, 1000);
         } else {
             done();
         }
     }
}
发布了18 篇原创文章 · 获赞 26 · 访问量 3649

猜你喜欢

转载自blog.csdn.net/qq_40847060/article/details/103457477