Vue中v-for遍历多层嵌套数据，不能重新渲染的问题

最近在出了一个动态参数的问题，需要把后台得json处理成一组嵌套的表单数据，并显示动态表单，进过一番（好久好久）头皮发麻的处理，终于处理成可用也是所需要的数据。但是在生成动态表单时，当然是通过v-for指令来生成的，这是问题的前提。但是当我点击按钮给数组新增一个表单项时，界面并未更新，懵比，也没遇到过啊，以前都有用的，咋现在熄火了呢。头疼，各种折磨，弄了将近一天。...

李--

3580人浏览 · 2019-05-07 21:57:22

李-- · 2019-05-07 21:57:22 发布

出了一个动态参数的问题，需要把后台得json处理成一组嵌套的表单数据
但是在渲染时Vue总是报 XX is not default

在回调方法中可以 console.log 出来
是因为vue中渲染不支持多重渲染，超出渲染范围

解决方法就是自己在重新封装一个 json

还有一个解决办法，强制更新数据

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