解决element中Input输入框组件触发事件失效问题

相信只要使用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绑定事件的问题

收集各种疑难杂症,欢迎报名!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值