组件绑定事件时
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就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持亿速云。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
