Vue数据发生变化,视图层不更新

先是在数据中添加了一个字段,结果发现每次更改字段值,值发生变化,但是视图层却不更新this.AllRoleList.forEach(function(item,index){item["check"]=false})其实发现这样写不会被监听到应该使用set方法赋值this.AllRoleList.forEach(function(...

玉林路扛把子

3537人浏览 · 2018-06-22 09:38:26

玉林路扛把子 · 2018-06-22 09:38:26 发布

先是在数据中添加了一个字段,结果发现每次更改字段值,值发生变化,但是视图层却不更新

this.AllRoleList.forEach(function(item,index){

                         item["check"]=false
					})

其实发现这样写不会被监听到应该使用set方法赋值

this.AllRoleList.forEach(function(item,index){
                           Vue.set(item,0,{"check":false})
                         
					})

完美解决

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}$/, //不连续的两位字母// /^