解决element中Input输入框组件触发事件失效问题
相信只要使用vue的朋友,对于element都不陌生,但是有时候会出现各种各样奇怪的问题;那么如何解决 element 组件使用事件失效的问题:问题① : input输入框绑定键盘事件 @keyup 无效解决: 使用 .native 修饰符进行绑定<el-inputv-model="state"class="fl"placeholder="请输入内容"prefix-icon="el-ico
·
相信只要使用vue的朋友,对于element都不陌生,但是有时候会出现各种各样奇怪的问题;
那么如何解决 element 组件使用事件失效的问题:
问题① : input输入框 绑定键盘事件 @keyup 无效
解决: 使用 .native 修饰符进行绑定
<el-input
v-model="state"
class="fl"
placeholder="请输入内容"
prefix-icon="el-icon-search el-input__icon"
@keyup.native="searchList(state)"
/>
问题② :Cascader 级联选择器 绑定失去焦点事件 @blur 无效
解决:使用 .capture 修饰符进行绑定
<el-cascader
v-model="text"
:options="options.category"
clearable
filterable
@blur.native.capture="getAddCategoryTags($event, 'category')"
/>
以上两个问题基本能解决关于element绑定事件的问题
收集各种疑难杂症,欢迎报名!
更多推荐
已为社区贡献1条内容
所有评论(0)