正常情况下点击事件用@click,但是如果是自定义组件的父组件如果想要点击事件就需要用到@click.native了,因为自定义组件本身没有点击事件。
<template>
<view>
<!-- 我是子组件 -->
<view type="default" @click="open" style="height: 30px;">点击</view>
</view>
</template>
<script>
export default {
methods:{
open(){
console.log("open");
}
}
}
</script>
<template>
<view>
<!-- 我是父组件 -->
<newzujian @click.native="click" style="height: 200px;"></newzujian>
</view>
</template>
<script>
export default {
methods: {
click(){
console.log("clickComponentA");
}
}
}
</script>
正常情况下父组件newzujian 添加点击事件@click="click"并不会生效,但是@click.native="click"是可以生效的