vue中表格无法根据数据动态更新（数据发生变化但页面没有发生变化）

问题：利用v-for动态渲染表格数据时，数组中的值发生了变化，但界面没有同步更新。原因：动态数据中存在数组嵌套对象，对象嵌套数组的情况时，vue无法监测到数据深层次的变化。解决办法：每次数据发生变化时，使用this.$forceUpdate();进行强制数据渲染。...

齐丶光

3872人浏览 · 2020-02-18 09:16:44

齐丶光 · 2020-02-18 09:16:44 发布

问题：利用v-for动态渲染表格数据时，数组中的值发生了变化，但界面没有同步更新。

原因：动态数据中存在数组嵌套对象，对象嵌套数组的情况时，vue无法监测到数据深层次的变化。

解决办法：每次数据发生变化时，使用

this.$forceUpdate();

进行强制数据渲染。

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