vue组件通信中的子组件向父组件传递数据的方法还是比较抽象的。今天小编我就来给大家分享一下vue组件通信中子组件怎样向父组件传递数据的经验噢。
工具/原料
1
电脑
2
浏览器 HbuilderX vue.js
方法/步骤
1
如图所示，有一个根组件以及一个子组件bdjy。
2
然后渲染页面之后便可以得到三个子组件了噢。而我们操作组件的时候想要把子组件的数据传递给父组件。
3
这个时候便可以在子组件的template中绑定一个事件。
4
然后当触发子组件事件的时候我们可以用$emit向外部的父组件传递一个自定义的事件，比如此处小编我自定义的sindex事件哦。而第二个参数this点index则是向父组件传递的参数噢。
5
之后在子组件标签对里面把sindex事件绑定到get(自定义)方法即可。
7
这样，子组件即可向父组件传递数据了噢。
注意事项
1
有用可以收藏，没用可以吐槽。
2
不足之处请指教。