VUE自定义组件绑定事件和通信
2018-04-26
2,137 views
0 min read
自定义组件无法直接使用@click="function()"
绑定点击事件
需要使用自定义事件v-on:click.native="function()"
子组件通过this.$emit('exchangetab',t)
注册'exchangetab'事件
methods:{
exchangetab(t){
if (this.thetab!=t){
this.thetab=t;
this.$emit('exchangetab',t)
}
},
}
父组件在子组件上v-on:exchangetab="function"
监听'exchangetab'事件,触发事件时执行function
<Sider :tab="tab" v-on:exchangetab="exchangetab" class="Sider"/>
函数参数data则为子组件传回来的参数
exchangetab(data){
//do something
}
Previous Post
俺のGBF
Next Post
Egret帧动画和时间动画
Or you can contact me by Email