添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
{ "properties": [ [ { "name": "property_name", "example": "travel_time", "value": "" }, { "name": "property_value", "example": "20180831", "value": "" }, { "name": "property_name1_1", "example": "example of property_name1_1", "value": "" }, { "name": "property_name1_2", "example": "example of property_name1_2", "value": "" }, { "property_name2": [ [ { "name": "property_name2_1", "example": "example of property_name2_1", "value": "" }, { "name": "property_name2_2", "example": "example of property_name2_2", "value": "" } ] ] }, { "name": "property_name2_1_1", "example": "example of property_name2_1_1", "value": "" }, { "name": "property_name2_1_2", "example": "example of property_name2_1_2", "value": "" }, { "name": "property_name32_2", "example": "example of property_name2_2", "value": "" } ] ], "property_name2222": [ [ { "name": "property_name12_1", "example": "example1", "value": "" }, { "name": "property_name12_2", "example": "example2", "value": "" } ] ] }
 

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

最后在这里找到答案,原因是我这里是对象嵌套了数组,数组嵌套了对象,且是多层的,因此Vue无法检测到内部的更新或增删。

在完成对数据的更新后,强制Vue更新数据

this.$forceUpdate();

这样就可以了!!!
此外,出现Vue不能检测到数据更新的场景还有Vue无法检测对象属性的添加或删除,详细请看这里

问题{ "properties": [ [ { "name": "property_name", "example": "travel_time", "value": "" }, { "name": "property_value", "example": "20180831", &quo
vue三层循环渲染不出,可用过滤器过滤出来 在html <div class="First" v-for="(f_item, f_index) in firstList" :key="f_index"> <div class="second" v-for="(s_item, s_index) in f_item" :key="s_index"> <div class="third" v-for="(t_item, t_i