方法1 :
在main.js文件中给data添加一个 名字为eventhub 的空vue对象
new Vue({
el: '#app',
router,
render: h => h(App),
data: {
eventHub: new Vue()
}
})
某一个组件内调用事件触发， event.target是要传给另一个组件的值
this.$root.eventHub.$emit('hanldeName', event.target);
另一个组件内调用事件接收
created() {
this.$root.eventHub.$on('hanldeName', (target) => {
this.hanldeNametwo(target)
})
},
methods: {
hanldeNametwo(target){
console.log(target)
}
}
方法2:
通过$refs
父页面
123
3、prop传值
网友评论