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>