为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

UYOU 2019-02-11 21:19:17
要实现的功能:点击【显示子组件】按扭,子组件显示----已实现点击【关闭】,子组件关闭----未实现;第一次点击报underfind错误?,并且子组件没有隐藏点击【确认】按钮把input中的值传到父组件的 {{text}} ------未实现
查看完整描述

1 回答

?
至尊宝的传说

TA贡献1789条经验 获得超10个赞

用vuex吧,也就是单一事件中心管理组件通信


你报错的原因应该是你通过子组件修改了父组件的数据,这在vue2.0是不允许的(1.0可以),你要是想只是不报错,可以使用 mounted中转,但解决不了实际问题。所以可以父组件每次传一个对象给子组件, 对象之间引用


data:{

        parentData:{

            text:"hello",

            pageSwitch:false

        }  

    }

像上面这样,父组件传递数据对象给子组件,子组件修改数据对象里的内容。


查看完整回答
反对 回复 2019-02-22
  • 1 回答
  • 0 关注
  • 560 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信