首页 > 网络编程 > JavaScript > javascript类库 > vue.js > 去除element下拉箭头

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

2023-08-28 16:13:31 作者：YangHuan3

我们最开始拿到的element-ui是带有下拉箭头的,那么如何去除element-ui下拉框的下拉箭头的实现,本文就详细的介绍一下,感兴趣的可以了解一下

我们最开始拿到的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>

到此这篇关于去除element-ui下拉框的下拉箭头的实现的文章就介绍到这了,更多相关去除element下拉箭头内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

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

您可能感兴趣的文章: