vue 组件销毁并重置的实现
程序员文章站
2022-03-25 15:48:36
方法1
当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题
方法1
当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题
<template>
<third-comp v-if="refresh"/>
</template>
<script>
export default{
data(){
return {
refresh:true,
menutree:[]
}
},
watch:{
menutree(){
this.refresh= false
this.$nexttick(()=>{
this.refresh = true
})
}
}
}
</script>
方法2
<template>
<third-comp :key="menukey"/>
</template>
<script>
export default{
data(){
return {
menukey:1
}
},
watch:{
menutree(){
++this.menukey
}
}
}
</script>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
上一篇： JS实现容器模块左右拖动效果