本文小编为大家详细介绍“vue中的@click.native原生点击事件怎么实现”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue中的@click.native原生点击事件怎么实现”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符）
子组件内部处理click事件然后向外发送click事件：$emit("click".fn)
发现vue中加载Element 之后 键盘事件无效果搜索之后发现有BUG特来修复
发现Element-input 中加入@keyup.enter中无效果
<el-input placeholder="请输入查询城市" v-model="location" clearable @keyup.enter="goSearch" ></el-input>
之后在加入.native 的修饰符
<el-input placeholder="请输入查询城市" v-model="location" clearable @keyup.enter.native="goSearch" ></el-input>
你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。
通俗点讲：
就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加’. native’事件是无法触 发的。
可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签，并且该修饰符对普通HTML标签是没有任何作用的。
读到这里，这篇“vue中的@click.native原生点击事件怎么实现”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
