加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

vue子父组件通信的实现代码

发布时间:2020-12-17 02:53:35 所属栏目:百科 来源:网络整理
导读:之前在用vue写子父组件通信的时候,老是遇到问题!!! 子组件传值给父组件: 子组件:通过emit方法给父组件传值,这里的upparent是父组件要定义的方法 模板: 在data中定义:switchStatus = true; 方法: 父组件:模板: 方法: 这样就可以将子组件的值传给

之前在用vue写子父组件通信的时候,老是遇到问题!!!

子组件传值给父组件:

  子组件:通过emit方法给父组件传值,这里的upparent是父组件要定义的方法   

  模板:

  在data中定义:switchStatus = true;

  方法:  

  父组件:模板:   

  方法: 

  这样就可以将子组件的值传给父组件了。

父组件传值给子组件:

  父组件:模板:

  在data中赋值:

子组件中接受代码:

以上所述是小编给大家介绍的vue子父组件通信的实现代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读