浅谈vue中组件绑定事件时是否加.native
更新时间：2019年11月09日 09:15:25 作者：254980080
今天小编就为大家分享一篇浅谈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就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家分享一篇解决vue单页使用keep-alive页面返回不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
Vue 处理异步加载顺序问题之如何在Konva中确保文本在图片之上显示
在处理Konva中的异步加载顺序问题时,确保在图像加载完成后再添加其他元素是关键,通过将回调函数放在imageObj.onload中,并正确处理变量捕获,我们可以确保文本总是绘制在图片之上,这不仅解决了显示顺序的问题,也为未来的调试提供了明确的方向,感兴趣的朋友一起看看吧2024-07-07
本文是对bar进度条实现的2种方案进行分享，第一种是很简单，纯css的实现，第二种是echart的实现。对vue柱状进度条图像的实现方案，感兴趣的朋友跟随小编一起看看吧2019-08-08
在看这篇文章的几点要求：需要你先知道Vue-Router是个什么东西，用来解决什么问题，以及它的基本使用。如果你还不懂的话，建议上官网了解下Vue-Router的基本使用后再回来看这篇文章2022-09-09
这篇文章主要为大家介绍了教你60行代码实现一个迷你响应式系统详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪<BR>2023-03-03
vue v-for循环重复数据无法添加问题解决方法【加track-by=''索引''】
这篇文章主要介绍了vue v-for循环重复数据无法添加问题解决方法,结合实例形式分析了vue.js通过在v-for循环中添加track-by='索引'解决重复数据无法添加问题相关操作技巧,需要的朋友可以参考下2019-03-03
今天小编就为大家分享一篇Vue filter格式化时间戳时间成标准日期格式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
组件又分为非单文件组件和单文件组件，一般常用的就是单文件组件，这篇文章主要介绍了vue组件非单文件组件的使用步骤,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了Vue通过ref获取dom元素属性的方法,文中有详细的方法介绍,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了vue项目中按需引入element-ui的正确实现方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
最新评论