vue+vant Dialog弹出框异步关闭
vue+vant Dialog弹出框在使用Dialog组件时,因为官方文档说明不够详细,导致踩坑。使用场景:点击删除时友好提示(如图):下面整理出两种使用方式:第一种:(可以在回调函数中使用方法中的参数)methods: {del(id) {this.$dialog.confirm({message: '确认删除?',beforeClo...
·
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();
}
}
}
更多推荐
所有评论(0)