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

前端之家收集整理的这篇文章主要介绍了vue子父组件通信的实现代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

子组件传值给父组件:

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

  模板:

  在data中定义:switchStatus = true;

  方法:  

  父组件:模板:   

  方法: 

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

父组件传值给子组件:

  父组件:模板:

  在data中赋值:

子组件中接受代码

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

原文链接:https://www.f2er.com/vue/38000.html

猜你在找的Vue相关文章