浅谈vue中组件绑定事件时是否加.native
编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇浅谈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就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。