vue使用element-ui的el-input监听不了回车事件
2018-01-12 14:45
1116 查看
原因
今天在使用element-ui时,el-input组件监听不了回车事件,如下代码没有想要的效果:
<el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup.enter="search()"></el-input>
原因应该是element-ui自身封装了一层input标签之后影响了事件的监听,在element-ui里有很多因为自身封装了几层标签导致事件和样式无法按想要的效果呈现,遇到后可以在网页中查看dom结构分析原因。
解决
在事件后面加上
.native:
<el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup.enter.native="search()"></el-input>
相关文章推荐
- vue使用element-ui的el-input监听不了回车事件解决
- vue使用element-ui的el-input监听不了回车事件解决
- vue使用element-ui的el-input监听不了回车事件的解决方法
- vue 使用element-ui的el-input监听不了回车事件
- vue中使用element-ui的el-input监听不了回车事件???
- 关于使用element-ui的el-input监听不了回车事件
- 15.vue使用element-ui的el-input监听不了回车事件
- element-ui的el-input监听回车事件
- element-ui 中的el-input 添加不了键盘事件
- vue+element ui 使用$refs获取el-dialog 下的 el-table 组件 ,以及使用table多选,默认选中
- 如何监听Element组件<el-input>标签的回车事件
- vue+elementUI中使用 el-autocomplete 实现远程搜索的下拉框需要注意的问题
- VUE的element-ui的使用
- 使用vue.js在页面内组件监听scroll事件
- vue elementui el-upload组件 input type=file坑重新选择同一文件时不再显示
- webpack+vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘失败
- Vue、Element-ui项目中如何使用Iconfont(阿里图标库)
- element ui 对话框el-dialog关闭事件
- vue.js项目 el-input 组件 监听回车键实现搜索
- vue中使用element-ui进行表单验证的实例代码