浅谈vue中组件绑定事件时是否加.native

组件绑定事件时

1. 普通组件绑定事件不能添加.native, 添加后事件失效

2. 自定义组件绑定事件需要添加.native, 否则事件无效

<template>
 <!-- <mt-field label=\"用户名\" placeholder=\"请输入用户名\"></mt-field> -->
 <input type=\"text\" @keyup.native=\"show($event)\"> //普通组件不能添加.native, 添加后事件失效
</template>

<script>
import { MessageBox } from \'mint-ui\';

export default {
 name: \'about\',
 data(){
 return{

 }
 },
 methods:{
 show(ev){
  MessageBox.alert(\'操作成功\').then(action => {
  if(ev.keyCode==13){
   console.log(\'enter\');
  }
  });
 }
 }
}
</script>

<template>
 <mt-field label=\"用户名\" placeholder=\"请输入用户名\" @keyup.native=\"show($event)\"></mt-field> //自定义组件需要添加.native, 不添加事件无效
 <!-- <input type=\"text\" @keyup.native=\"show($event)\"> -->
</template>

<script>
import { MessageBox } from \'mint-ui\';

export default {
 name: \'about\',
 data(){
 return{

 }
 },
 methods:{
 show(ev){
  MessageBox.alert(\'操作成功\').then(action => {
  if(ev.keyCode==13){
   console.log(\'enter\');
  }
  });
 }
 }
}
</script>

以上这篇浅谈vue中组件绑定事件时是否加.native就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。