vue父组件通过props传递对象到子组件,子组件通过input

2020-01-17  本文已影响0人  孙雪冬

1.场景

父组件通过props传给子组件一个对象,子组件内对该对象进行赋值,结果子组件赋值失败。

2.代码

2.1在父组件

template


父组件template代码.png

script


父组件script代码.png

2.2在子组件

子组件template代码.png
子组件script代码.png

3.令人咬牙切齿的效果

令人咬牙切齿的效果.gif

4.我的解决办法

在父组件中更改(红圈部分为更改):


在父组件中更改.png

5.总结

父组件data中的formField下的属性需要有初始值,即formField: {}与formField: {flowTitle: ''}的区别。
原理方面的知识我是不了解的,如果有谁了解,请赐教Thanks♪(・ω・)ノ。

上一篇 下一篇

猜你喜欢

热点阅读