suffix-icon属性隐藏el-select下拉框右边的下拉图标
<el-form-item label="入库类型" prop="mt_type">
<el-select
v-model="form.mt_type"
filterable
placeholder="请选择"
style="width: 145px"
:disabled="true"
>
<el-option
v-for="item in mt_typeOptions"
:key="item.code"
:label="item.name"
:value="item.code"
>
</el-option>
</el-select>
</el-form-item>
以上是个禁用的下拉框,如何隐藏右边的下拉箭头
要隐藏下拉框右侧的箭头,你可以使用 Element UI 提供的 suffix-icon 属性。你可以将 suffix-icon 设置为空字符串或者一个不显示的图标,来隐藏箭头。
以下是一个示例:
<template>
<el-form-item label="入库类型" prop="mt_type">
<el-select
v-model="form.mt_type"
filterable
placeholder="请选择"
style="width: 145px"
:disabled="true"
suffix-icon=""
>
<el-option
v-for="item in mt_typeOptions"
:key="item.code"
:label="item.name"
:value="item.code"
>
</el-option>
</el-select>
</el-form-item>
</template>
<script>
export default {
data() {
return {
form: {
mt_type: null // 初始值
},
mt_typeOptions: [ /* 选项列表 */ ] // 下拉框选项
};
}
};
</script>
在这个示例中,suffix-icon 属性被设置为空字符串 "",这样就会隐藏下拉框右侧的箭头。

浙公网安备 33010602011771号