幽灵资源网 Design By www.bzswh.com
组件绑定事件时
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就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
幽灵资源网 Design By www.bzswh.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...