第1个回答

原因今天在使用element-ui时，el-input组件监听不了回车事件，如下代码没有想要的效果：<el-inputclass="s确装品为白难传终置里earch-input"placeholder="请输入内容"v-model="searchText"@keyup.饭深周关营电enter="search()"></el-input>原因应该是element-ui自继吗身封装了一层input标签之后影响了事件的监听，在element-ui里有很多因为自身封装了几层标签导致事件和样式无法按想要的效果呈现，遇到后可以在网页中查看dom结构分析原因。解决在事件后面加上.native：<el-inputclass="search-inpu底局话没套内兴念转t"placeholder="请输入内容"v-model="searchT握婷构煤拉正挥够ext"@keyup.enter.native="search()"></el-input>总结以上所述是小编给大家介绍的vue使用element-ui的el-input监听不了回车事件的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。慢立值规紧数年合沙在此也非常感谢大家对脚本之家网站的支持！您可能感兴趣的文章:VueElemen临力关容米场记或tUI之Form表单验证遇到的问题Springboot+mybatis+Vue.js+ElementUI实现数据的增删改查实例代码(二)Vue2.0UI框架ElementUI受使用方法详解使用vue.j诗倍划宪孔s2.0+ElementUI开太读密温旧台矿全发后台管理系统详细李员重斯存州教程（一）使用vue.js2.0+ElementUI开发后台管理系统详细教程（二）vue2.0结合Element实现select动态控制input禁用实例

本文地址：http://www.6086.com.cn/ask/1516130327219441.htm