vue父组给子子组件传html,vue 父组件向子组件传递点击事件

创建了一个子组件，子组件有自已默认的点事击事，当父组件传递点击事件时，则执行父组件点击事件

案列：顶部导行条

情况：当点击左箭点，判断父组件是否传递了点击事件，如果有就执行父组件的点击事件，如果没有，则默认执行子组件的点击事件

子组件相关代码

html

{{ltext?ltext:''}}

{{title?title:''}}

{{rtext?rtext:''}}

jsexport default {

name: 'TopBar',

props:{

title:'',

ltext:'',

rtext:'',

leftClick:'', //左箭头点击事件

rightClick:'', //右箭头点击事件

},

data () {

return {

}

},

methods: {

//左箭头点击事件

onleftClick(){

if(this.leftClick){

this.leftClick(); //执行父事件

}else{

window.history.back();

}

},

onrightClick(){

if(this.rightClick){

this.rightClick(); //执行父事件

}

},

},

}

父组件相关代码

html

methods:{

//返回会员中心

back(){

this.$router.push('/member');

},

//前往

to(){

this.$router.push('/setUser');

}

}