方法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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
荐 JavaScript基础02【强制类型转换(String Number Boolean) 其它进制数】
webpack成长指北第7章---webpack的csslessscss样式打包
网友评论