如何在Vue.js中处理数据中多层JSON的设置值

时间:2019-03-12 01:46:29

标签: javascript vue.js

这是Vue组件data的{​​{1}}中的一种形式:

childEle

这是一个非常复杂的data:{ form:{ root1:Number, root2:{ child1:[], child2:{}, child3:String }, root3:[], root4:{ child4:string, child5:[] } } } 。由于它是用JSON Object中的form出价的,因此似乎无法展平此iView。现在,一旦打开此组件(实际上是JSON Object),就需要为此表单设置值,因此我可以通过Modal从父元素传输值:

props

并向其中添加属性props:{ outForm:{ type:Object, default: function () { return {} } } …… }

watch

现在出现了问题。我还绑定了watch:{ outForm(val){ this.form = val } } 属性以控制是否显示value,但是当我将值转移到Modal属性时,value中的value并没有改变,即使我叫data,它也无法关闭Modal。 怎么处理呢?感谢您的帮助!

0 个答案:

没有答案