Element-ui 之 解决禁用状态下的清除按钮仍可点击的问题

话不多说，先看效果

上代码

• html代码：

<el-select v-model="comId" placeholder="请选择" clearable disabled>
    <el-option v-for="item in list" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
<el-input placeholder="请输入内容" v-model="input" disabled> </el-input>

 

直接使用样式解决即可：

• css代码

.is-disabled:hover .el-input__suffix{
    
    
  display: none; /* 当表单元素为禁用状态时，隐藏表单元素的清除按钮 */
}

 
 
以上就是本文的全部内容，如有不足，望大家多多指点！ 谢谢！