zoukankan      html  css  js  c++  java
  • vue的数据更新视图不同步的处理用Vue.$set()

    // vue的数据更新视图不同步的处理用Vue.$set()
    // 通过Vue.set方法设置data属性vm.$set(最终值,数组索引,数组值) ==Vue.$set(arr,index,val)
    vm.$set(self.newSelectArr,self.currIndex,self.currId);
    Vue.set(this.item,"checked",false);//全局定义
    
    //this.$set(this.item,"checked",false);//局部定义

    一、在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;

    向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性 ,需要用vue内置的方法

    二、Vue.set() 响应式新增与修改数据
    此时我们需要知道Vue.set()需要哪些参数,官方API:https://cn.vuejs.org/v2/api/#Vue-set

    调用方法:Vue.set( target, key, value )  或者  this.$set(target, key, value);

    target:要更改的数据源(可以是对象或者数组)

    key:要更改的具体数据

    value :重新赋的值,

    调用:this.$set(target, key, value);

    方法二:

    this.$forceUpdate();    在第一行加上 除自定义属性外都可以实时更新

  • 相关阅读:
    GNU安装
    camera链接
    右键terminal
    Angular cli 常见问题
    Angular路由复用策略RouteReuseStrategy
    angular5 websocket 服务
    promise 极简版封装
    js a 标签 通过download 实现下载功能
    angular6 升级到 angular7+ 最新Ng-zorro
    最新IDEA永久激活
  • 原文地址:https://www.cnblogs.com/liubingyjui/p/12486569.html
Copyright © 2011-2022 走看看