0
点赞
收藏
分享

微信扫一扫

vue 事件修饰符 .native 阻止组件事件多次调用 如el-radio

水沐由之 2022-04-29 阅读 76

native获取dom原生事件,一般在组件上使用。

给vue组件绑定事件时,必须加上native。

  <el-radio-group v-model="radio" @click.native="onClick($event)">
    <el-radio :label="1">1</el-radio>
    <el-radio :label="2">2</el-radio>
    <el-radio :label="3">3</el-radio>
  </el-radio-group>

<script>
function onClick(events:Event) {
  if ((events.target as HTMLInputElement).tagName === 'INPUT') return;
  console.log(radio)
}
</script>

native会找到组件的根dom,绑定事件。
类似 $emit(‘click’)

举报

相关推荐

0 条评论