vue 数组内对象修改属性页面不渲染问题

vue 数组内对象修改属性页面不渲染问题数据：let _arr = [{id:1},{id:2},...]@click=function(k){_arr[k].id =m}这时候页面是不会渲染新的数据解决方法：可以使用vue.$set()@click=function(k){this.$set( _arr[k],'id','m'）}具体参考官网

bule_chen

4757人浏览 · 2017-11-21 11:30:23

bule_chen · 2017-11-21 11:30:23 发布

vue 数组内对象修改属性页面不渲染问题

数据：

let _arr = [{id:1},{id:2},...]
@click=function(k){
    _arr[k].id =m
}

这时候页面是不会渲染新的数据

解决方法：可以使用vue.$set()

@click=function(k){
    this.$set( _arr[k],'id','m'）
}
具

如果还是不能实现页面渲染请用终极大招：
$forceUpdate()

引用块内容

体参考官网文档 https://cn.vuejs.org/v2/api/#vm-set

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^