软件测试小菜鸟正在更新中 2022-05-06 10:52 采纳率: 93.2%
浏览 335
已结题

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

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

  • 写回答

2条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-05-06 15:45
    关注

    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 的功能所调用的方法)
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 5月25日
  • 已采纳回答 5月17日
  • 创建了问题 5月6日

悬赏问题

  • ¥65 LineageOs-21.0系统编译问题
  • ¥30 关于#c++#的问题,请各位专家解答!
  • ¥15 App的会员连续扣费
  • ¥15 不同数据类型的特征融合应该怎么做
  • ¥15 用proteus软件设计一个基于8086微处理器的简易温度计
  • ¥15 用联想小新14Pro
  • ¥15 multisim中关于74ls192n和DSWPK开关仿真图分析(减法计数器)
  • ¥15 w3wp,exe 中发生未处理的 Microsoft ,NETFramework 异常。
  • ¥20 C51单片机程序及仿真(加减器)
  • ¥15 AQWA | 水动力分析 二阶波浪力