el-select

Element-UI el-select多选表单校验问题

在使用el-select多选下拉菜单配置表单校验时，如果form表单绑定的form对象对应属性值为空字符串或者null（其他未尝试），表单中的多选下拉框会立刻执行校验并弹出校验信息，代码如下：级别（支持多选
前端小凯·2023-10-08 05:33

前端el-select 单选和多选

el-select单选:multiple="false"表示不能多选只能单选//部门名称赋值departIdChange(val){letobj={};obj=this.departIdOptions.find
xy58451921·2023-10-08 05:14

vue3+elementPlus el-select 增加全选和取消全选

要求el-select支持多选，并增加全选和取消全选功能，缺点是提交的数据中会有全选这个字段代码如下全选功能import{ref}from'vue'constselectedArray=ref([])constchecked
再希·2023-10-07 19:26

使用element-ui中下拉框el-select时数据回显问题

以下代码在el-form-item中使用下拉框当编辑的时候进行数据回显weight为接口获取的当前行的weight数据methods：{handleCreate(row){this.ruleForm.num=row.terminalId//终端号this.ruleForm.weight=row.weight//权重}问题：当编辑的时候下拉框回显的是value的数据而不是label的数据原因上面的r
w宇宙王·2023-10-07 15:04

【Element-Plus】el-select选择后不回显问题

首先说一下我用的技术Vue3Element-PlusSetup语法糖问题数据类型不匹配el-select上面我们绑定的就是positionAverageData[0].position，因此我们需要的是
前端小白多阅读·2023-10-03 17:14

【Vue】中el-table数据项扩展各种类型总结（持续更新）

el-tag二、其他插槽类型处理el-table数据项加入输入框el-table数据项上传按钮el-table数据项过长截取并且悬浮显示所有文字el-table数据项el-link链接跳转el-table数据项el-select
慕白Lee·2023-10-01 13:30

el-select 修改选中值，再打开有两个选中效果的解决办法

原问题描述：1、修改下拉框选中的值2、修改下拉框为disabled3、修改下拉框选中的值不同于步骤1里面选中的值4、发现下拉框中有两个选项处于选中状态解决办法：给el-select加个key，key可以是控制下拉框
离陌夕·2023-09-30 20:52

Vue + Element 中的 el-from-item 进行表单验证时使用v-if 出现的问题

当el-select的值发生改变的时候，el-form-item要进行验证的时候，会保留之前的验证的状态的奇怪的效果原因：根据vue和element的源码了解，大概是v-if在操作dom的时候，在根节点进行的删减
祥云大姐姐·2023-09-30 10:26

前端uniapp图片select联动文本切换

图片代码{{rangeModelData}}凭证exportdefault{data(){return{//用于绑定el-select的值dynamicImage:'',//用于显示动态绑定的图像imgArr
MFG_666·2023-09-27 09:11

el-select下拉框定位问题

1.当el-select所在页面滚动时或者el-select上面区域高度发生变化时，定位存在偏差2.解决办法：1.el-select自带属性popper-append-to-body：true，可能会无效
蜂巢糖FCT·2023-09-27 09:58

获取el-select选中的下标

accountZbList:[]:下拉列表已通过接口获取数据{{item.name}}{{item.code}}methods:{//取到选中的下标再找到，再赋值给核算组织getOrg(val){if(val){//遍历帐簙列表的值与选中的值相等的下标letnum=this.accountZbList.findIndex((item,index)=>{returnitem.code==val})c
huxihua2006·2023-09-25 23:14

el-select下拉框选项的样式修改(背景色、hover、字体等)

一：如何修改el-select下拉框中选项的样式，网上的方法一般有两种：1.找到下拉框的类名，写一个全局的样式。
稀释1·2023-09-25 22:21

el-select 搭配 el-option 取整个 item 值

问题：想从el-option中取到选择的item的所有属性解决：在el-select中添加value-key属性，特别的：属性的值要与el-option中的key值绑定相同字段，否则会出现选不到想选择的选项或绑定的
冬瓜爱德华·2023-09-24 19:33

el-select 支持全选，多选，自定义搜索全选

el-select支持全选，多选，自定义搜索全选1.成品展示2.body部分全选{{item.label}}3.data部分data(){return{checkAll:false,//招标阶段是否全选
前端钓鱼人·2023-09-23 12:45

el-select 结合 el-checkBox 实现下拉全选+多选功能

实现效果如图所示：具体代码如下：全选exportdefault{data(){return{checkedAll:false,menus:[],menuList:[{id:'01',menuName:'菜单一'},{id:'02',menuName:'菜单二'},{id:'03',menuName:'菜单三'},{id:'04',menuName:'菜单四'},{id:'05',menuName:
努力学习~冲鸭·2023-09-23 12:14

el-select 下拉框全选、多选的几种方式组件

组件一、基础多选适用性较广的基础多选，用Tag展示已选项exportdefault{data(){return{options:[{value:'选项1',label:'黄金糕'},{value:'选项2',label:'双皮奶'},{value:'选项3',label:'蚵仔煎'},{value:'选项4',label:'龙须面'},{value:'选项5',label:'北京烤鸭'}],val
IT博客技术分享·2023-09-23 12:44

el-select 下拉框多选 增加全选

全选前：全选后：代码部分：{selectAll(selectChecked,index)}"class="all_checkbox">全选conststate=reactive({trainOptions:[],//下拉框的数据})//全选constselectAll=(value,index)=>{constarr=JSON.parse(JSON.stringify(state.trainOpt
万物皆可狗·2023-09-23 12:44

Vue + Element 中的 el-from-item 进行表单验证时使用v-if 出现的问题

当el-select的值发生改变的时候，el-form-item要进行验证的时候，会保留之前的验证的状态的奇怪的效果原因：根据vue和element的源码了解，大概是v-if在操作dom的时候，在根节点进行的删减
人生如梦_0335·2023-09-23 11:19

el-select的某一项选中后显示id

环境:vue3+element-plus今天在使用elementui的下拉组件的时候发现有一个选项在选中后显示的是id.找了会没看到问题,后来想到会不会是没有设置key的原因(之前看到说vue3可以不用设置key),果然加上key就可以了
小鱼儿123123·2023-09-23 11:19

更改el-select-dropdown_item selected选中颜色

更改el-select-dropdown_itemselected选中颜色默认为element主题色在修改elementselect下拉框选中颜色时会发现不生效，原因是：el-select下拉框插入到了
活宝小娜·2023-09-22 08:29

vue中使用el-select选择器组件,基础组件用法和多选组件搭配使用

需求:使用下拉菜单,选中单选内容,多选下拉菜单显示对应的数据这里单选下拉菜单的内容和多选下拉菜单的内容都是前端写好的,我们只需要传递选中的内容传递给后端即可实现效果:首先了解基础的下拉菜单组件value:一般传递给后端的信息label:页面展示的内容selectMethod:每次下拉选中内容发生改变后触发的事件多选下拉组件同理业务代码实现如下,注释很详细搜索多选框选中的值:{{value2}}ex
多看书少吃饭·2023-09-22 08:24

vue3中两个el-select下拉框选项相互影响

vue3中两个el-select下拉框选项相互影响1、开发需求2、代码2.1定义hooks文件2.2在组件中使用1、开发需求如图所示，在项目开发过程中，遇到这样一个需求，常规时段中选中的月份在高峰时段中是禁止选择的状态
前端~初学者·2023-09-22 08:44

＜el-select＞ 当绑定的值在选项中不存在时，不显示其对象的key

若要实现在el-select组件中当绑定的值在选项中不存在时，不显示其对象的key，可以使用slot-scope和v-if来进行判断。
超级大超越·2023-09-21 19:19

el-select回显数据，本来应该显示label的值，结果显示的是id值

今天遇到了，el-select渲染页面回显数据时没有显示文字，而是显示了id。
维他命Coco·2023-09-21 16:35

Element Plue -- el-select绑定对象不能回显问题

遇到问题el-selectvalue绑定对象，选择不会回显不回显原因因为我的option数据里面有没有label字段。Select组件没有从Option中获得数据，自然label会产生错误。当有传入value是对象时会取value.label值，这是默认行为。你需要向Option组件中增加数据解决方案在issue里面找到了一个和我的问题差不多的。把label字段补上就行，随便给个空值都行上链接：h
迷阵·2023-09-21 10:18

elementUI的el-select 修改时 默认值不显示问题

显示为数字，不能正确显示值原因:el-option选框需要的value属性是String类型的,可以利用row这个一行数据,拿到el-option选框的value将其转换为String类型就可以了
迷阵·2023-09-21 10:17

vue element-ui el-table里嵌套了el-select双向绑定失效问题

今天测试时候发现了个bugelement-ui的table组件中嵌套了select组件，选择之后发现数组中有数据，页面没有刷新数据无法展示，所以判断双向绑定失效网上很多方法都试过了，像this.$set,this.$forceUpdate(),以及table的doLayout()结果都没有解决问题。查了很多资料发现需要在el-table-column加一个key才能解决，于是加了key，就能双向绑
像牛奶却不是牛奶·2023-09-21 08:46

基于element-plus的选择组件el-select实现下拉加载封装

在vue3项目当中使用element-plus的UI组件el-select选择器，有时候会用到选择器下拉下载的功能，封装一个指令可以进行这样操作。
任磊abc·2023-09-21 05:44

element-ui问题合集(el-input-number加减一次就失效,el-select同时收集id与name)

el-select同时收集id与name将id与name拼接成字符串，赋值给value，在使用时，获取value后，再使用split()方法进行分割el-input-number遇到加减失效或者只加减一次就失效的问题将
加油吧少年时代·2023-09-20 05:13

【vue】修改el-select弹出框样式

如图el-popover弹框和el-select下拉项的的容器是div#app之外的，所以在scoped作用域内使用>>>或/deep/修改样式无效。
栀妹儿·2023-09-20 05:41

Vue项目中使用element-plus UI库-并对下拉搜索框样式修改-el-select代码封装

对下列列表进行自定义基础代码样式样式修改.ly-tab-sou{width:225px;height:40px;flex-shrink:0;border-radius:4px;border:1pxsolid#404040;background:#121212;display:flex;align-items:center;:deep(.el-input__inner){color:#fff;}:d
JackieDYH·2023-09-19 00:03

element plus封装el-select添加后缀图标并添加远程搜索和对话框功能

当提交的表单Form需要填某个实体的外键ID时，当然不可能使用el-input组件，这个适合提交字符串，然后用户又不可能记住某个引用的外键ID，这时候使用el-select还是必要的。
晓风残月淡·2023-09-18 21:04

element ui - el-select 添加可输入功能

elementui-el-select可以支持输入功能场景思路方法场景vue2+elementui的项目中，产品希望el-select可以支持输入功能，也就说用户既可以下拉选择，也可以输入任意内容。
nunumaymax·2023-09-18 21:55

el-select范围选择框

1、html1?'edit-tag-hour':'keep-tag-hour'"filterablemultipleclearable:multiple-limit="2"@remove-tag="removeChange"@change="hourChange">2、jshandleMouseOver(index){if(this.searchForm.hour?.length===1){con
007。·2023-09-18 12:03

多个el-select下拉框，选择互斥

需求说明:有多个el-select下拉框，共用一个选择数据，其中一个下拉框选中项，在其它下拉框中禁选（选项互斥）实现思路：获取所有select选中的值，每个select删除掉自己选中项，将其它的值禁用。
ZionHH·2023-09-16 08:42

el-select 远程搜索 IE 下的坑

IE下url请求中文乱码，导致你的请求参数不正确，所以远程搜索无法返回正确值，需要将中文转码后再发起请求。remoteMethod(val){if(val!==''){this.loading=trueletname=encodeURI(val)//重点这里转码setTimeout(()=>{//你的请求requestFunc(name).then(res=>{...})},200)}}
ZionHH·2023-09-16 08:11

【vue】element ui select选择一个选项传两个值

一般el-select通过v-model同步传值（一般是传id）有时需要选择后同时保存id和name这时可以通过**@change**方法来实现，代码如下：$event的值是v-model对应的字段id
loyd3·2023-09-15 06:41

表单校验问题——el-select（初始化页面自动触发校验解决办法）

问题描述bug：当触发过校验函数后，再次进入表单页面，会自动触发添加了multiple属性的el-select组件的表单校验。
MonsterQy·2023-09-15 05:15

element-plus修改el-select下拉框的位置

一、效果图对比没有修改之前：可以明显看到下拉框的位置距离输入框较高，并且有小三角形。修改之后：可以看出高度上明显有变化，并且我还修改了图标、选中时的边框样式（这边我这部分就不写了，主要写如何调整位置）二、修改思路对于element库有了解的话可以知道无论是element-ui还是element-plus组件中关于下拉的部分都是用了.el-popper这个样式，但是这个样式默认是加在body元素下的
沈清秋.·2023-09-15 03:37

element-ui 如何给el-select下拉框el-option选项添加点击事件

在el-option里直接写@click发现没反应，改为使用@click.native即可以给el-option添加点击事件。
sunlihong123·2023-09-15 03:37

el-select隐藏下拉框

el-select隐藏下拉框closeIt(){this.$refs.selectIt.blur();}
hibiscusxin·2023-09-15 03:36

element的el-select给下拉框添加背景

第一步:popper-append-to-body="false"第二步添加背景颜色/deep/.el-select-dropdown{background-color:#114550!important;margin-left:-4px;margin-top:2px;}第三步清空浏览器缓存并重新加载
不要和代码过不去·2023-09-15 03:36

el-from表单动态新增,el-select主级选择完之后次级就不能再次选择同样的选项

需求描述:主闸站的闸站选择和次闸站的闸站选择下拉框是同一个接口,但是要求是主闸站选择完一个选项之后,次闸站不可以再选择了,然后次次闸站也不可以选择上面两个已经选择过的效果图接口数据结构因为我这个表单是动态新增的,所以直接代码部分全部展示出来算了在这里用到了Object.freeze(),具体用法及介绍https://juejin.cn/post/6844903922469961741主闸站开关次闸
神探小白牙·2023-09-14 23:46

结合el-input、el-select实现纯前端过滤树形el-table数据

样式图示1.搜索实现方法constsearchBtn=async()=>{//获取table列表数据接口constres=awaitApi.menuList({paging:false})if(res.code===200){//把树形结构转成扁平结构letresult=treeToArray(res.data)//处理搜索框中数据进行table显示项过滤if(commonData.searchP
咸蛋超人l·2023-09-14 22:08

el-select 远程分页搜索（可搜关键字）

前端页面卡死了...一脸懵，什么情况，数据也没有那么大，怎么会卡死呢？先看看这次改了什么，嗯~数据加解密，前端拿到所有数据并进行解密，额~数据加载时间好长~嗯做数据分页吧，滚动加载数据：handleScroll(val,)":remote-method="searchRemote"@focus="focusValue">total:0,//总条数pageNo:1,//页码keyWord:null,
F N Nancy·2023-09-14 21:01

定制化图标——Element UI 组件图标替换指南

例如，假设我们需要使用不同于ElementUI默认图标的自定义图标，我们希望在使用el-select
Leviash·2023-09-14 18:27

element-ui中el-select的value值传参时为数字的vue解决办法

在使用el-select组件的时候，el-option选项中的label和value的值分别是对应的，但是value的值需要在传参的时候，后端需要的是数字，不是字符串首先这种写法，传的参数在后台是字符串的
HuiRonmantic·2023-09-14 06:51

3.写vue遇到的小问题及解决方法。如：一个下拉框绑定两个值传给后端；如何获取el-tree某个子节点的父节点信息；查询的时候传合并后的对象

问题1问题描述如何给一个下拉框绑两个参数，传给后端解决方法（1）给el-select绑定@change="addriskprefimchange"方法（2）当下选项改变时，使用filter()方法返回包含这个值的对象
小兽~·2023-09-14 06:50

【vue】el-select数据回显

数据回显不成功一般是因为数据类型不匹配，所以需要处理成统一数据类型。如果v-model绑定的数据是string类型，:value绑定的数据是number类型，我这里是通过+‘’，统一处理成string类型如果v-model绑定的数据是number类型，:value绑定的数据是string类型，我这里是通过*1，统一处理成number类型
顾鸟·2023-09-13 08:56

el-form 表单校验，el-select多选框进入页面自动校验

el-form表单校验点开弹窗下拉框就自动校验了这里的下拉框是多选，在进入此页面需要给属性设置初始值this.form={currentype:[]};注意：在重新进入页面时，要清空校验，不然进来还会有上一次的校验提示if(this.$refs.addForm)this.$refs.addForm.resetFields();//addForm为表单标识
L221545·2023-09-12 10:37
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他