vue父子组件传值的问题,父子组件如何通讯?

要实现的功能:

  1. 点击【显示子组件】按扭,子组件显示----已实现

  2. 点击【关闭】,子组件关闭----未实现;第一次点击报underfind错误?,并且子组件没有隐藏

  3. 点击【确认】按钮把input中的值传到父组件的 {{text}} ------未实现

https://img2.mukewang.com/5c6faf33000102dd04800214.jpg

https://img2.mukewang.com/5c6faf330001af3908000102.jpg

https://img2.mukewang.com/5c6faf3f0001319207060903.jpg

UYOU
浏览 561回答 1
1回答

至尊宝的传说

用vuex吧,也就是单一事件中心管理组件通信你报错的原因应该是你通过子组件修改了父组件的数据,这在vue2.0是不允许的(1.0可以),你要是想只是不报错,可以使用 mounted中转,但解决不了实际问题。所以可以父组件每次传一个对象给子组件, 对象之间引用data:{        parentData:{            text:"hello",            pageSwitch:false        }      }像上面这样,父组件传递数据对象给子组件,子组件修改数据对象里的内容。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript