子组件向父组件进行传参
子组件
//handleChild 父组件事件名称
//this.data 传递参数
this.$emit('handleChild', this.data )
父组件
//handleChild 子组件调用事件名称
//handleChildData 对应父路由方法
<v-view :rowId="rowId" @handleChild="handleChildData"></v-view>
//data 子路由传递到父路由的参数
//this.data 父路由接受存放参数
handleChildData(data) {
this.data=data
}
父组件向子组件进行传参
父组件
//rowId 对应子组件名称
//this.rowId 所需要传递的数据
<v-view :rowId="this.rowId" ></v-view>
子组件
//子组件接受
//rowId 父组件对应名称
//type: String 传递类型
//required: true 是否必穿
props: {
rowId: {
type: String,
required: true
},
}
兄弟组件传参
父组件
//将$bus添加到Vue原型
created() {
Vue.prototype.$bus = this
}
子组件1(需要传参组件)
//send 绑定的事件名
//this.data 传递的参数
this.$bus.$emit('send', this.data)
子组件2(需要接收参数组件)
//send 接收的事件名
//this.data 子组件2接收存放的参数
//data 子组件1发送的参数
this.$bus.$on('send', data => {
this.data = data
})