vue数据v-for数据绑定数组值改变不会更新视图

v-for绑定数组数据渲染时arr[index] = newVal形式改变数组值不会重新渲染视图，原因是vue无法监听到复杂数据类型内部数据变化，要使用Vue.set( target, key, value )方式改变数据...

じ☆ve世界

4350人浏览 · 2019-01-10 15:57:29

じ☆ve世界 · 2019-01-10 15:57:29 发布

v-for绑定数组数据渲染时

arr[index] = newVal

形式改变数组值不会重新渲染视图，原因是vue无法监听到复杂数据类型内部数据变化，要使用

Vue.set( target, key, value )

在methods中，可写为

this.$set( target, key, value)

方式改变数据

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