目录@click.native原生点击事件给Vue组件绑定事件时候等同于在自组件中vue点击事件补充.native步骤官网的解释@click.native原生点击事件 给vue组件绑
必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符)
子组件内部处理click事件然后向外发送click事件:$emit("click".fn)
发现vue中加载Element 之后 键盘事件无效果搜索之后发现有BUG特来修复
发现Element-input 中加入@keyup.enter中无效果
<el-input style="width:500px;" placeholder="请输入查询城市" v-model="location" clearable @keyup.enter="GoSearch" ></el-input>
之后在加入.native 的修饰符
<el-input style="width:500px;" placeholder="请输入查询城市" v-model="location" clearable @keyup.enter.native="goSearch" ></el-input>
你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。
通俗点讲:
就是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的html标签,不加’. native’事件是无法触 发的。
可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签,并且该修饰符对普通HTML标签是没有任何作用的。
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。
--结束END--
本文标题: vue中的@click.native原生点击事件
本文链接: https://www.lsjlt.com/news/146856.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0