vue中如何对多维数组进行渲染

在一些业务场景中，我们可能需要使用多维数组进行数据绑定，但是由于vue的响应更行机制，二维数组的数据更新可能不会触发视图更新。解决方式1、同时触发另外一个数据的视图更新tip：step必须是存在于视图层上的data2、使用$set的方式触发更新...

=清风徐来=

5983人浏览 · 2018-12-11 17:56:23

=清风徐来= · 2018-12-11 17:56:23 发布

在一些业务场景中，我们可能需要使用多维数组进行数据绑定，但是由于vue的响应更新机制，二维数组的数据更新可能不会触发视图更新。

解决方式

1、同时触发另外一个数据的视图更新

二维数组
tip：step必须是存在于视图层上的data

2、使用$set的方式触发更新

二维数组

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