Vue中使用Map数据结构的坑，直接set 无法触发双向数据绑定（解决方案）

1. 因为想贯彻es6的使用，在项目中多多使用 es6 的特性，结果Map 的 set 方法去更新数据，视图无法同步，故而使用重新设置的方式达到目的，类似 let obj = Object.assign({},{}) 或者 let arr = [].concat['a'] let no = server_no.toString()let is_check = thi...

则丸

14966人浏览 · 2018-11-21 16:42:28

则丸 · 2018-11-21 16:42:28 发布

1. 因为想贯彻es6的使用，在项目中多多使用 es6 的特性，结果Map 的 set 方法去更新数据，视图无法同步，

故而使用重新设置的方式达到目的，类似 let obj = Object.assign({},{}) 或者 let arr = [].concat['a']

let no = server_no.toString()
let is_check = this.collated_data.get(no).is_check
this.collated_data.get(no).is_check = !is_check
// 使用Map数据结构只能这样更新
this.collated_data = new Map(this.collated_data)

重新赋值，而不是更改引用

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