去除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下拉箭头内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue项目,代码提交至码云,iconfont的用法说明

    vue项目,代码提交至码云,iconfont的用法说明

    这篇文章主要介绍了vue项目,代码提交至码云,iconfont的用法说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • elementui中el-input回车搜索实现示例

    elementui中el-input回车搜索实现示例

    这篇文章主要介绍了elementui中el-input回车搜索实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • axios发送post请求,提交图片类型表单数据方法

    axios发送post请求,提交图片类型表单数据方法

    下面小编就为大家分享一篇axios发送post请求,提交图片类型表单数据方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • 详解vue项目中如何加载markdown

    详解vue项目中如何加载markdown

    这篇文章主要为大家详细介绍了在vue项目中如何加载markdown,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-11-11
  • vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)

    vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)

    这篇文章主要介绍了vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • vue使用v-for循环获取数组最后一项

    vue使用v-for循环获取数组最后一项

    这篇文章主要介绍了vue使用v-for循环获取数组最后一项问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • VUE中常用的4种高级方法

    VUE中常用的4种高级方法

    provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术,它可以将数据注入到一个组件中,然后让它的所有子孙组件都可以访问到这个数据,这篇文章主要介绍了VUE中常用的4种高级方法,需要的朋友可以参考下
    2023-05-05
  • vue elementUI table 自定义表头和行合并的实例代码

    vue elementUI table 自定义表头和行合并的实例代码

    这篇文章主要介绍了vue elementUI table 自定义表头和行合并的实例代码,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • vue实现钉钉的考勤日历

    vue实现钉钉的考勤日历

    这篇文章主要为大家详细介绍了vue实现钉钉的考勤日历,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • vue.js 左侧二级菜单显示与隐藏切换的实例代码

    vue.js 左侧二级菜单显示与隐藏切换的实例代码

    这篇文章主要介绍了vue.js 左侧二级菜单显示与隐藏切换的实例代码,需要的朋友可以参考下
    2017-05-05

最新评论