Vue 爬坑二(json数组数据操作,不刷新)

在项目中使用到json数据的次数还是很多的,小编奔到的第一个问题就是,父传子的json数据在子组件操作的时候,会顺带的改变父组件的值,试了好几个办法,最后是使用的JSON.parse(JSON.stringify('传的值')做的处理,后面小编又遇到一个问题,

Vue 爬坑二(json数组数据操作,不刷新)_第1张图片

上图中的服务地区对应的是json数组中的 serviceAreaList 字段,这个字段也会有个数组,通过接口赋值,完了赋给select下拉,小编用了 = ,Object.assign(),都是不好使,也是用了$set()对json数组的每一个对象设置值,也不好使(不刷新dom);让小编很是苦恼,后面看了又看$set()的官方文档,换了一个思路,解决了问题

图中的goodList就是上图中的就送数组,index是对应的下标,obj是每一条数据,也就是用$set()操作直接操作json数组

你可能感兴趣的:(前端,学习,开发,vue)