方法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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
以上就上有关vue组件销毁并重置的实现的相关介绍,要了解更多vue, 重置, 组件销毁内容请登录学步园。