van-dialog遇到的坑
// HTML部分
<van-dialog
v-model="dialogshow"
confirm-button-text=“继续采集"
cancel-button-text=“取消采集"
title=“该户数据已采集,是否继续?"
show-cancel-buttoon
@confirm=“dialogConfirm"
@cancel="dialogCancel"
>
<div v-for="(item,index) in list" :key="index">
<div>{{item}}</div>
</div>
</van-dialog>
// JS部分
data(){
return{
dialogshow:false,
list:[]
}
}
dialogconfirm(){
// 该步骤就是遇到的坑,不做这一步处理点击关闭弹窗后页面就会卡住无法拖动,后面发现是这个组件的这个节点没有清除
导致页面卡顿,真的太坑了van的有些组件。。。
document.getElementsByTagName('body')[0].classList.remove('van-overflow-hidden')
this.dialogshow=false
},
dialogcancel(){
this.dialogshow=false
this.$router.push({name:home})
}