修饰符 native

业务场景:父组件中引用一个子组件,直接在子组件上写@click绑定点击事件(当前页面是父组件)
解决痛点:点击事件无法触发
用法:使用@click.native=”event()”

<template>   
   <son-comp @click.native="clickComp"></son-comp>
</template>  
<script>
import sonComp from '....'
export default {
   components:{sonComp},
   methods:{
      clickComp() {
         console.log("子组件被点击了")
      }
   }
}
</scrip>

注意:只有直接在自定义组件上绑定事件时才使用native修饰符,如果是普通html标签(button等)就会导致事件失效!

请登录后发表评论

    没有回复内容