现在的位置: 首页 > web前端 > 正文

vue组件销毁并重置的实现

2020年02月18日 web前端 ⁄ 共 480字 ⁄ 字号 评论关闭

方法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, 重置, 组件销毁内容请登录学步园。

抱歉!评论已关闭.