浅谈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就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持亿速云。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。