zoukankan      html  css  js  c++  java
  • vue中对数组,对象的操作如下

    1.  删除数组中的对象this.$delete

    Vue.delete(obj, keyOfItem)

    2. 改变数组的对象

    this.$set(obj, keyOfItem, newValue)

    3. 数组对象直接修改属性,可以触发视图更新

    this.array[0].show = true;
    this.array.forEach(function(item){
        item.show = true;
    });
    4.用Object.assign或lodash.assign可以为对象添加响应式属性,可以触发视图更新
    //Object.assign的单层的覆盖前面的属性,不会递归的合并属性
    this.obj = Object.assign({},this.obj,{a:1, b:2})
    
    //assign与Object.assign一样
    this.obj = _.assign({},this.obj,{a:1, b:2})
    
    //merge会递归的合并属性
    this.obj = _.merge({},this.obj,{a:1, b:2})
    5.splice方法修改数组,可以触发视图更新
    this.array.splice(indexOfItem, 1, newElement)
     


  • 相关阅读:
    Nacos配置管理-什么是配置中心
    MYSQL count
    贷款
    短视频推荐图书
    前端
    err
    err
    Mysql8安装教程
    err
    err
  • 原文地址:https://www.cnblogs.com/duanzhange/p/11497100.html
Copyright © 2011-2022 走看看