VUE修改数组中对象的方法

VUE根据index，直接修改数组是无法做到动态渲染的，以下两种方法可以动态修改数组中数据的渲染1、splice方式，具体参考splice方法let xAxis = [{isAscending: false},{isAscending: true}];let newXAxisItem = {};newXAxisItem.isAscending = true;this.xAxis.splice(0,

吃饭睡觉才是快乐人生

3514人浏览 · 2021-02-08 14:02:24

吃饭睡觉才是快乐人生 · 2021-02-08 14:02:24 发布

VUE根据index，直接修改数组是无法做到动态渲染的，以下两种方法可以动态修改数组中数据的渲染

1、splice方式，具体参考splice方法

let xAxis = [{isAscending: false},{isAscending: true}];
let newXAxisItem = {};
newXAxisItem.isAscending = true;
this.xAxis.splice(0, 1, newXAxisItem);

2、this.$set(修改的数组/数组对象，修改的属性，修改值)

let xAxis = [{isAscending: false},{isAscending: true}];
this.$set(xAxis[0], 'isAscending', true);

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