vue父组件如何修改子组件的值,不是通过props传值

点击父组件的按钮,修改子组件的值,如何做到,不是子组件修改父组件

阅读 40.1k
4 个回答
<!--在父组件中引用子组件,添加ref标识-->
<son ref="son"></son>
//父组件点击事件
clickFunc(){
    //若更新子组件里a的值
    this.$refs.son.a = 'xx';
    //若调用子组件里b方法
    this.$refs.son.b();
}
this.$children[i]

i就是第几个子组件

四种方式:
1、props
2、ref
3、vuex
4、event bus

父传子之间的数据通信方法一般常用的就两个,props,vuex。再或者搭一个公共文件来充当连接桥,略显繁琐并没有必要。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题