element ui组件的el-tree更新了子节点的名称没有回显到dom上，必须手动刷新页面才看见的，怎么解决？

Question

element ui组件的el-tree更新了子节点的名称没有回显到dom上，必须手动刷新页面才看见的，怎么解决？

Answer 1

vue2中对数组的处理不彻底，可以参考一下

## **Vue不能检测数组的哪些变动？Vue 怎么用 `vm.$set()` 解决对象新增属性不能响应的问题 ？**

- Vue 不能检测以下数组的变动：
    - 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue
    - 当你修改数组的长度时，例如：vm.items.length = newLength
    - 解决办法：
        - 第一类问题
            
            ```
            // 法一：Vue.set
            Vue.set(vm.items, indexOfItem, newValue)
            // 法二：Array.prototype.splice
            vm.items.splice(indexOfItem, 1, newValue)
            ```
            
        - 第二类问题，可使用 splice：
            
            ```
            vm.items.splice(newLength)
            ```
            
- vm.`$set` 的实现原理是：
    - 如果目标是数组，直接使用数组的 splice 方法触发相应式；
    - 如果目标是对象，会先判读属性是否存在、对象是否是响应式，最终如果要对属性进行响应式处理，则是通过调用 defineReactive 方法进行响应式处理（ defineReactive 方法就是 Vue 在初始化对象时，给对象属性采用 Object.defineProperty 动态添加 getter 和 setter 的功能所调用的方法）