去除element-ui下拉框的下拉箭头

YangHuan3

已于 2023-01-17 11:12:55 修改

阅读量6k

点赞数 3

分类专栏： vue 文章标签： vue.js elementui javascript

于 2022-09-16 14:29:19 首次发布

本文链接：https://blog.csdn.net/qianluo111/article/details/126889782

版权

vue 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

我们最开始拿到的element-ui是带有下拉箭头的，所以我们要去掉下拉箭头可以把这个属性给加上。

最原始：

<el-select
        v-model="formObj.dataRange"
        filterable
        clearable
        placeholder="请输入数据范围"
        :loading="loading"
      >
       <el-option label="区域一" value="shanghai" />
</el-select>

去掉后：

allow-create
filterable 必须有该属性
default-first-option 可直接回车键入

<el-select
          v-model="formObj.dataRange"
          filterable
          clearable
          remote
          reserve-keyword
          placeholder="请输入数据范围"
          :loading="loading"
        >
          <el-option label="区域一" value="shanghai" />
        </el-select>