el-select

vue element下拉选el-select标签的使用

问题描述:如何使用el-select标签及显示传递key的问题如何将使用这个标签？如下图所示:上面需要注意的是v-model属性不能写成this.form.roleIds否则会报错找不到该变量!
月中眠_d56d·2021-04-18 21:48

ElementUI el-select 数据过多解决办法

1.场景描述不知道你有没有这样的经历，下拉框的选项很多，上万个选项甚至更多，这个时候如果全部把数据放到下拉框中渲染出来，浏览器会卡死，体验会特别不好用人会说element-ui的select有一个remote-method，支持远程搜索，我们让服务端支持一下不就可以了，当然这是一种解决的方案。但是有时候这种方法有时候不一定适用（1）有时候服务端数据是经过计算返回给我们的，可能返回不是特别快，体验不
抽疯的稻草绳·2021-04-18 06:02

vue el-select 下拉数据过多 打开慢 过滤数据

:filter-method="filterMethod"添加搜索绑定方法filterMethod(query){//ICD出院诊断搜索过滤//query是输入的关键字if(query==''){this.changeIcd=icd.slice(0,100)//过滤未选择时只显示100条}else{letresult=[]//存储符合条件的下拉选项this.icd.forEach(val=>{if
wz_国强·2021-04-13 07:28

vue element ui 单选和多选 踩坑及解决

vue单选多选切换时，会报错，childrenmustbekeyed:原因是切换过程中错误栈都在Vue内部使用场景:封装el-select组件,传不同的值渲染不同的下拉选项,当multiple=true
·2021-04-12 16:04

vue element ui 单选和多选 踩坑及解决

vue单选多选切换时，会报错，childrenmustbekeyed:原因是切换过程中错误栈都在Vue内部使用场景:封装el-select组件,传不同的值渲染不同的下拉选项,当multiple=true
·2021-04-12 15:35

Element UI 二次封装实现下拉树组件

单选模式单选模式.gif1.2多选模式多选模式.gif二相关说明2.1框架以及版本1、element-ui2.15.122、vue2.6.112.2组件概述封装的下拉树，结合了elementui中的下拉组件el-select
aliveFox·2021-04-06 17:17

el-select的数据太多时候导致卡顿

解决：实现搜索和很多数据的情况下保证平滑查看数据和搜索数据。exportdefault{name:'demo',data(){return{showData:[],//展示在下拉框内的数据allData:[],//搜索使用的所有数据searchVal:"",rangeNumber:10,addNumber:6,//下拉框滚动到底部后新增的条数}},created(){this.getList()}
·2021-03-22 19:37

基于el-select和el-tree封装的可搜索树形选择器-SelectTree组件

搜索1、组件封装SelectTreeexportdefault{name:"",props:{/*配置项*/props:{type:Object,default:()=>{return{value:"id",//ID字段名label:"title",//显示名称children:"children"//子级字段名}}},/*选项列表数据(树形结构的对象数组)*/options:{type:Arra
回到唐朝做IT·2021-03-22 16:23

vue el-select 全选 多选

两种方式：方式一：el-select可多选可单选，选择全部后不能选择其他，具体参照如下代码：handlePlat(){if(this.form.ground.indexOf("全部")=="-1"){this.groundList.map
·2021-02-08 20:28

如何修改el-select的样式：popper-append-to-body和popper-class

如何修改elementUI提供的el-select组件的样式网上有很多关于这个的解决方式：1、找到下拉框的类名，写个全局样式覆盖掉就行了2、修改.el-select-dropdown__item的样式3
·2021-02-08 10:53

element 树形选择器，多选添加全部、单选以及自定义显示内容

el-popover和le-tree，自定义显示的内容2.el-select与el-tree，多选添加全部3.el-select与el-tree，单选树形复选框的样式前言树形选择器是将element中的el-select
???xixi·2021-01-31 14:59

vue el-select

el-select可多选可单选，选择全部后不能选择其他，具体参照如下代码：handlePlat(){if(this.form.ground.indexOf("全部")=="-1"){this.groundList.map
·2021-01-29 15:51

Element-ui 自带的两种远程搜索(模糊查询)用法讲解

饿了么自带两种方式可以做，一种是使用el-input中的el-autocomplete，另一种是使用el-select和el-option。这两种都可以选择，但是具体实现的思路方式要和后端商量。
·2021-01-29 13:43

elementui中el-input回车搜索例子

问题描述上一篇文章中讲述了模糊查询关联搜索，不过模糊查询关联搜索一般来说都是用户输入某个关键字以后，关联相关的数据呈现，并供用户选择一条（当然el-select中也自带多选功能，见下图，不过有些场景不太适用
·2021-01-28 22:19

elementui中el-input回车搜索例子

问题描述上一篇文章中讲述了模糊查询关联搜索，不过模糊查询关联搜索一般来说都是用户输入某个关键字以后，关联相关的数据呈现，并供用户选择一条（当然el-select中也自带多选功能，见下图，不过有些场景不太适用
·2021-01-28 21:19

饿了么ui自带的两种远程搜索（模糊查询）用法讲解

饿了么自带两种方式可以做，一种是使用el-input中的el-autocomplete，另一种是使用el-select和el-option。这两种都可以选择，但是具体实现的思路方式要和后端商量。
·2021-01-27 01:50

饿了么ui自带的两种远程搜索（模糊查询）用法讲解

饿了么自带两种方式可以做，一种是使用el-input中的el-autocomplete，另一种是使用el-select和el-option。这两种都可以选择，但是具体实现的思路方式要和后端商量。
·2021-01-27 01:07

2020-12-18：css数字字母换行、组件之间优雅的传值、对象数组按照某一属性值（数组）来进行筛选、el-select的option的样式修改

1、css数字字母换行word-break:break-all;2、组件之间优雅的传值！！！①、创建一个js文件importVuefrom'vue'constBus=newVue()exportdefaultBus②、在需要传值过去的组件Bus.$emit('goFacility',newVal)③、在需要接收传值的组件mounted(){constthat=thisBus.$on('goFaci
wangs·2021-01-12 16:54

element-ui 中el-select 加 tree树形控件组合使用

项目中要求一个下拉框里面的选项可以拆叠。在element-ui官网里找了两个组件很符合我的需求。关键是怎么把他们组合在一起。下面是我从网上查到的方法。js部分exportdefault{data(){return{mineStatus:"",mineStatusValue:[],data:[{id:1,label:"一级1",children:[{id:4,label:"二级1-1"}]},{id
demo_020·2021-01-04 19:53

关于el-select绑定value为item后，在下拉框中点击选中某一个元素，无法正常选中的问题

最近在项目中需要实现的效果如图：选中不同的产品，其对应的平台的选项不同，在拿到所选平台的value值的同时需要给另一个变量appid赋值。先来看一下接口返回的数据结构和前端代码吧～{code:0,data:[{productname:weixin,productCname:微信,apps:[{appid:'1001',platformname:'android',platformCname:'An
chengjufei·2020-12-31 21:16

element ui中的el-item-form与el-select的v-model修改冲突问题

elementui中的el-item-form与el-select的v-model修改冲突问题,当不通过下拉选项选择下拉框的值时,而是在另外的地方修改其值,会出现选择不了了以及reuqired一直触发的问题解决方案是
烟雨浥轻尘·2020-12-23 13:41

vue3 初体验之使用element-plus的el-select报错Unhandled error during execution of scheduler flush

笔者最近在用vue3写自己的博客，后端使用element-plus在给el-select绑定数据时惊奇的发现报错了但根据我在vue2.x上的经验感觉这样写并没有什么毛病，根据多次尝试，当我给v-for的数据给定了初始值后发现报错没有了
YouthMe·2020-12-22 20:29

ElementUI的bug汇总

el-select下拉框展开时,会影响其他颜色的变化影响属性：translate3d复现：将背景设置为黑色，文字设置成红色能明显发现如图“显示代码”这几个字的颜色变化gkpjl-j9b54.gif动画影响
prince_wzy·2020-12-19 14:51

Element-UI中Select选择器讲解（el-select详解）

【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步!吾等采石之人，应怀大教堂之心，愿你们奔赴在各自的热爱中…关于下拉框相关知识点总结今天来整理一下
辰兮要努力·2020-11-22 20:21

el-select特殊按键进行远程搜索

el-select的filter-method/remote-method都是每输入一个字都会进行远程请求，但是现有的选项数据量很大（10w+），所以每次都请求不是很现实是吧1、方案一：产品想在el-select
深情的白杨·2020-11-21 22:34

element-ui 两个el-select关联 事件触发一级el-select 还原清空二级el-select问题

当一级改变时触发change事件//选中分类一时handleChange(ids){//清空二级的内容deletethis.form.second_cateid}最终效果
RxnNing·2020-11-18 21:51

解决vue elementUI 使用el-select 时 change事件的触发问题

选择之后又会触发多次，原因是我们用错了标签，应该用@change="selectChange()这样写就可以了，v-bind的缩写是：，v-on的缩写是@，这里是触发事件，应该用@,补充知识：为elment-ui的el-select
·2020-11-17 19:31

element 下拉框 el-select 自定义控制某项禁止选择

vueelement下拉框el-select自定义控制某项el-option禁止选择驾驶员，押运员不能同时选择同一个人例如：驾驶员选择张三押运员禁止选张三如果押运员选张三驾驶员禁止选HTML押运员
小四是个处女座·2020-10-21 16:10

Element下拉框实现滚动加载更多功能实现

如图所示，el-select官方事件并没有监听滚动的事件，所以我们可以采用vue的directives自定义指令实现。
我只想取一个帅气的昵称·2020-10-16 16:38

el-select 手动设置model的值之后 选项不能变化问题解决

今天做的一个需求三级联动层级选择器我用的select去做尝试解决掉一个场景就是选定B之后在返回去修改A此时B应该清空于是在A里面@select完成上述操作但是改完之后发现，此时B选项无论如何修改，选项的label值不能展示在选择框里最后各种尝试发现在手动设置B的值之后应该加一句this.$forceUpdate();才可以如下 转载于:https://www.cnblogs.com/cm-2019
aozhi8250·2020-09-17 15:03

vue 监听 el-select 选择值的变化

最近项目中需要用到监听el-select选择值的改变，方法很简单，@change就可以实现：@change绑定了currStationChange，如果el-select选中的值发生变化，就会触发currStationChange
＊且听风吟·2020-09-17 15:36

VUE中使用el-select选中选项后页面不更新问题

在vue中使用el-select下拉框，当你选中选项时页面不更新。可以通过在el-select的change事件中调用$forceUpdate()方法。一行代码直接搞定。
可耐的小菜菜乄·2020-09-17 15:58

element-ui的el-select不显示value对应的label值

显示效果如下：期望效果如下：调试发现：是value的格式存在问题，读取到的数据和字段返回的数据类型不一致所导致的。我存的字段是一个省份的字符串ID数组（11，22，33，44，55）格式，进行切割后得到的是字符串，而后台返回的集合中value是long类型的数组，由于得到的数据类型对应不上表单操作的数据类型，进行相应转换即可。[{“areaId”:“11”,“areaName”:“北京市”},{“
让学习变得快乐起来·2020-09-17 15:12

设置elementUI中el-select的默认值

最近在家办公写到一个问题设置el-select的默认值，其实是一个很简单的问题下面直接上个小demo上面没设置之前效果如下想让上海设置成默认值只需要把form.region的值设置成上海就可以代码如下data
small面包·2020-09-17 15:26

element-ui的el-select如何回显value对应的label值

现在的问题是不显示label，只显示value值原因是value的格式存在问题，数据库读取到的value数据类型不一定为number或string类型需要自己转换成相同的类型总结：显示不正常多数是由于得到的数据类型对应不上表单操作的数据类型进行相应转换即可即：option的value值如果为number，保存后从后台拿到的值需要转为number类型；如果为string，则需要转为string类型才
可乐爆米花·2020-09-17 15:55

el-select绑定值为一个对象

重点：el-select绑定item的唯一值，一般是个id，value-key=“id”2.el-option的value绑定item,:value=“item”3.在el-select的change事件获取对象的值并且赋值到对应的键
不怕不管·2020-09-17 15:54

涨芝士：解决element-ui中el-select设置默认值后无法切换选项问题

原因：select已经绑定了值，render函数没有自动更新，数据刷新了但是视图没有刷新解决方法：使用this.$forceUpdate()重新renderhandleSelectChange(){this.$forceUpdate()},
公孙智敏·2020-09-17 15:48

el-select 默认选中第一个，动态&&静态获取

第一种情况：el-select动态获取数据，默认选中第一个this.formData.operator_id=this.operatorLists[0].id这句要加在动态获取了列表之后，如下：OperatorSelect
漂移的电子·2020-09-17 15:41

el-select选中后，值未更新的问题

原因数据层次太多，render函数没有自动更新，需手动强制刷新（this.$forceUpdate）方法给select添加change事件，强制刷新。具体代码userDistricts(e){this.$forceUpdate()},
卜卦丶cc·2020-09-17 14:27

vue 基于elementUI的选择组件el-select中@change事件返回对象方法

el-select的选择以后返回对象实现方法郁闷的开始郁闷的开始人一旦出现死脑筋，就会非常累。
m0_38004177·2020-09-17 14:33

elementUI的el-select 默认值显示value不显示label问题

el-select默认值显示value不显示label问题在做编辑页面时需要取到列表项数据回显默认值在做select回显的时候遇到了这个问题明明拿到的值和value中的值一样但是就是不转换成label这种情况一般出现在
菜鸡涛·2020-09-17 14:33

2020-09-15

项目场景：vue+elementui中，select框实现可输可选功能，原利用el-select的属性，添加filterableallow-createdefault-first-option即：问题描述
浅夏初雨yan·2020-09-17 14:46

el-select选值后，框里值不变

问题场景：ElementUI下拉框el-select选值后，框里值不变解决办法：$forceUpdate()，在el-select值改变的时候执行刷新组件exportdefault{data(){return
小王同学·2020-09-17 14:09

element ui框架把el-select选中的value设置为对象

转载于:https://www.cnblogs.com/wstmljf/p/9887933.html
MUMU11995351432·2020-09-17 14:35

el-select 默认怎么是数字， 显示对应的label。js 字符串转数字

el-select默认怎么是数字//选择的时间day:1,options:[{day:1,label:'今天'},{day:7,label:'近7天'},{day:30,label:'近30天'}],el-select
韩亚飞_yue31313_韩梦飞沙·2020-09-17 14:25

关于el-select组件设置默认值的实现

关于el-select组件设置默认值的实现问题：最近写项目的时候遇到将el-select组件设置默认值需求，通过查阅资料发现很多是使用v-model来实现的，但是只用v-model可能会有一些小小的问题
官方哈哈·2020-09-17 14:11

vue el-select 设置默认值后选项无法切换

在写vue项目时，设置页面下拉框的默认值时，后台获取数据绑定后，重新选择后，一直不切换下拉值，一开始以为是绑定值错误，或者后台数据调用慢，后来上网查了说是页面渲染的问题，坑人呀，现在记录下，给大家个提示：原因：出现这个问题就是绑定了对象（需求如此），render函数没有自动更新，数据刷新了，但是视图没有刷新。解决方案：this.$forceUpdate就是重新render。虽然这种方法也可以解决问
会写程序的蛋蛋·2020-09-17 14:30

vue+element之el-select的回显使用(这是个弹框操作)

前端vue+element之el-select的回显使用(这是个弹框操作)取消确定exportdefault{data(){return{dataForm:{name:'',activeId:'',id
Heart_B·2020-09-17 05:26

element-ui proper选择弹出框定位错乱

我们先来复现一下我们的问题把，有图有真相嘛，如下图1图1：选择弹出框定位错误复现图处理方案：1、如果是el-select在el-select标签中加入:popper-append-to-body="false
前端小峰·2020-09-16 14:13

vue element 的渲染问题

问题：在一个表单页面中，每次切换页面的时候，会自动触发change函数以下是源代码只要在el-select中添加一个key属性就可以解决问题原因是因为vue中，每次切换页面的时候，vue不会帮我们自动换
快乐的大羊·2020-09-16 14:34
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他