uni-app Vue 如何给组件添加点击事件以及如何传参
<view class="classA"@tap="click"></view>methodclick(event){this.$emit("click",event);}click这个名称可以自定义的,@click比@tap延迟,所以用@tap比较灵敏引用组件的页面就可以@click,来控制组件的点击事件,event为组件的值,如果没有需要传递的参数,可以不写event,
·
<view class="classA" @tap="click">
</view>
method
click(event){
this.$emit("click",event);//此处的event可以用于循环赋值的情况,可以获取当前index下的整体的值(例如绑定的是表格,则可以获取到当前表格行的数据)
}
click这个名称可以自定义的,@click比@tap延迟,所以用@tap比较灵敏
引用组件的页面就可以@click,来控制组件的点击事件,
event为组件的值,如果没有需要传递的参数,可以不写event,直接写this.$emit("click");
method
click(event){//此处event随意,写不写都可以
his.$emit("click","想要传递的值,可以是event中没有的,无关的,任何值都可以");
}
应用组件的页面在获取参数时需要注意:
@click="show" //show是自己随意定义的方法,注意方法必须只写方法名,才可以获取到组件中正确的参数
method
show(param) {//param是自定义的参数名称,用来获取组件中传递的值
}
更多推荐
已为社区贡献2条内容
所有评论(0)