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

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

Logo

前往低代码交流专区

更多推荐