解决element的tree组件视图不更新问题
2019-12-02 本文已影响0人
前端新阳
- 最近遇到一个问题:用
el-tree
组件编辑导航栏页面权限时,发现,即使获取的checkedData
更新了,视图也不会改变(checkedData
用来控制选中的数据)。
解决方法: 关闭dialog的时候,销毁
el-tree
组件,给该组件添加一个if条件即可,打开时,将if条件置为true,关闭时置为false,即可销毁组件,v-if是会重新渲染组件的。
代码如下:

el-tree
组件编辑导航栏页面权限时,发现,即使获取的 checkedData
更新了,视图也不会改变( checkedData
用来控制选中的数据)。解决方法: 关闭dialog的时候,销毁
el-tree
组件,给该组件添加一个if条件即可,打开时,将if条件置为true,关闭时置为false,即可销毁组件,v-if是会重新渲染组件的。
代码如下: