el-select

el-select multiple表单校验问题

一打开页面就会触发表单校验解决方案：设置初始值为空数组form:{vulType:[]}2、选中下拉数据，不会再次触发校验，导致提示文字一直存在解决这个问题，首先先看看v-model、prop属性、rules校验是否正确，这里注意el-select
hibiscusxin·2023-12-06 13:59

elementUI 选择器下拉树Tree组件实现，el-select下拉树

基于elementUI的el-input,el-tree实现组件支持下拉选择框树的结构的数据代码如下：使用到组件：el-popover、el-selece、el-tree、el-inputexportdefault{data(){return{options:[],value:{id:'',name:''}}},methods:{//清空输入框内容handleIptClear(){this.$re
蓝with黑·2023-12-05 10:27

scss:修改element组件样式(el-select)

重点解析：1.el-select组件可以分为输入框和下拉弹窗两个部分，下面会从这两个部分进行修改2.element组件库中弹窗会加入到和#app元素同等级别的位置，相关html代码可打开浏览器检查在最下方找到，便于修改样式实践方法：1.输入框样式调整//修改默认显示样式【第一part】.el-input__wrapper{background-color:#013148;//默认背景色box-sh
沐子a~·2023-12-05 07:56

strict 模式下不允许一个属性有多个定义

网上很多方法是要求，最好一行一行注释，因为这边注释定位到，是el-select的控
Casey·Hu·2023-12-05 05:17

el-select实现动态选择选项

首先data里面声明数组data(){return{selectShop:[],}}然后在el-option里面写到完整代码
清幽子·2023-12-04 05:06

对el-select封装成组件使用

效果与直接使用el-select一样，多处用el-select显得代码冗余就进行了封装效果图：el-select封装：import{reactive,watch}from"vue";constemits
m0_63701303·2023-12-03 19:00

vue el-select封装及使用

基于ElementUI的el-select组件进行封装的。
皮卡穆·2023-12-03 17:17

el-select多选框，数据拼接

将多选框数据按照逗号拼接为字符串getTagIds(data,type){if(type=="array"){letarray=data.join(",")returnarray}else{letstring=data.split(",");returnstring}},在调用这个方法时需要，另外传一个字符串type,以此来判断需要拆分还是组装this.inputForm.tagIds=this.
CV猿码人·2023-12-03 14:18

el-select实现可复制一段“关键词“（多个）实现搜索 以及 回车选中搜索项

el-select实现可复制一段"关键词"（多个）实现搜索以及回车选中搜索项添加remote属性，用filter-method实现自定义搜索方法//多搜索functionremoteMethod(query
兜小糖的小秃毛·2023-12-03 11:16

vue el-select多选封装及使用

使用了ElementUI库中的el-select和el-option组件来构建多选下拉框。
皮卡穆·2023-12-02 14:02

vue 封装el-select多选下拉框（可用输入框搜索过滤）

vue封装el-select多选下拉框（可用输入框搜索过滤）下拉筛选效果如下代码部分html部分创建多选组件mSelect.vue{{selectInfo.prop&&selectInfo.prop.label
皮卡穆·2023-12-02 06:44

表单项样式1（输入框，选择框）

样式均写在全局文件下（src/assets/style/home.scss）1、选择框效果：选择时：代码：//选择框.el-select{.el-input__inner{border-radius:0px
zttbee·2023-12-01 17:22

2022/6/21 今日好用方法整理

$forceUpdate();进行强制渲染，效果实现五.随机生成八位随机数字母加数字组合六.js获取当前页面的url网址信息七.el-select获取选中label的值八.Vue设置token拦截以及给每个
Zhang_aichi·2023-11-30 13:19

el-select多选multiple数据无法删除，回显成功，但无法编辑，选中和删除都没反应

原因：回显的数据是从后台接口得来，由于数据层次太多，导致render函数没有自动更新；需要手动强制刷新解决方案：使用@change=“$forceUpdate()”强制刷新视图代码：
浮游本尊·2023-11-30 13:20

【element-plus使用】el-select自定义样式、下拉框选项过长等问题解决

1、自定义样式.el-select-dropdown__item{background-color:#e6f7ff;color:#333;}参考2、下拉框宽度自适应或自定义如果需要使下拉框的宽度和选项框一致，可以设置：:fit-input-width="true"。参考代码：选项的超出部分就会变成...。如果要自定义下拉框的宽度，则可以参考如下代码实现.my-select.el-select-dr
Lana学习中·2023-11-30 11:23

el-select与el-tree的联动，切换勾选保存回显功能（全部代码）

取消确定import{ref,onMounted}from'vue';import{ElMessage}from'element-plus'import{tmRoleApi}from'/@/api/user';constgetRoleOwnMenu=tmRoleApi().getRoleOwnMenuconstpostRoleMenuList=tmRoleApi().postRoleMenuLis
xiaoming4965·2023-11-30 10:46

el-select实现分屏效果

动态绑定class值，多种判断:class="type===8?'home-stye-2':type===24?'home-stye-1':'home-stye-3'"//ifram视频嵌套//摄像仪名称点击摄像仪名称实现全屏摄像仪名称:{{item.cameraName}}全屏//分屏下拉款选择js部分定义变量及方法，主要查阅对象为分屏和全屏方法data(){return{typeNewList
xiaoming4965·2023-11-30 10:59

select选择器选中后不回显

方法一：在el-select中添加@change="change()change(){this.
你若安好_4a49·2023-11-28 21:12

【VUE】Vue ElementUI el-select下拉框最后一行未全部展开

1.代码如下:exportdefault{data(){return{conditionForm:{teleType:""},options:[{value:'ALL',text:"全部"},{value:'SITA',text:"SITA"},{value:'AFTN',text:"AFTN"}]}}}2.效果3.分析使用了el-scrollbar，为了防止出现横向滚动条，增加了.el-scro
K1nney·2023-11-28 18:13

element-plus el-select选择器的那些坑

解决方案：设置定宽，使下拉框出现横向滚动条通过width="280px"给el-select设置宽度。style="width:280px"给el-option设置宽度一定要加sc
茶一蛊·2023-11-28 18:38

vue中el-select下拉框文字过长时，导致dropdown溢出问题，加入横向滑动条

问题描述：解决方法：Code：提醒：一定要用popper-class而不是class，要不出不来。因为默认情况下，select组件库是在body之外的，所以我们控制不了。所以组件库提供了popper-classCss：.select-dropdown{max-width:100%;}.select-dropdown.el-select-dropdown__item{overflow:visible
木爻木Y·2023-11-28 18:38

el-autocomplete设置下拉框横向滑动条

el-autocompleteelement文本输入框+下拉框，和el-select有相似之处1、优点：可以实现选中或者输入选项后，input框第二次点击后的回显，而select选择器组件不能实现回显(
起风了~~~~·2023-11-28 18:37

解决element-ui的el-select组件文字超过宽度时不出现横向滚动条问题

目前遇到一个问题，在用el-select组件的时候，当选项的内容很长的时候，会撑开下拉菜单的宽度，过长导致满屏展示不下，这样影响美观。
温柔雨哥a·2023-11-28 18:35

el-select下拉时候去除蓝色边框

//去除点击时候的淡蓝色边框，加.el-input.el-input__inner{border-color:#DCDFE6!important;}
一只蓝胖子~·2023-11-27 19:24

vue使用elementui去掉el-select的边框显示

::v-deep.el-input__inner{border:none;box-shadow:none;}
m0_73582531·2023-11-27 19:23

ElementPlus下拉框数据用表格展示

插入表格后el-select不会自动关闭，所以需要调用表格的blur方法关闭下拉框。
donghua201·2023-11-27 19:52

使用elementPlus去除下拉框蓝色边框

//下拉框去除蓝色边框.el-select{--el-select-input-focus-border-color:none!important;}
m0_63701303·2023-11-27 19:19

el-select 获取key和value

selectMediaId(id){console.log(id,'选中的ID值')constselectedItem=this.materialList.find((item)=>{//这里的chargingWorkNameList就是上面遍历的数据源returnitem.id===id//筛选出匹配数据，是对应数据的整个对象})console.log(selectedItem,'当前选项的对象
qq_40055200·2023-11-27 18:23

2021.11.14 D20—自学vue，select下添加checkbox

说明：使用element-ui框架，它有以下组件：el-checkbox与el-select目标：在el-select的option前面添加checkbox，达到下拉并能多选的目的具体实现：全部data
Kiaaaa·2023-11-27 01:54

el-select去掉边框

1.前提：引入插件el-select，但是不需要边框线条2.去掉边框的方法：.sel{position:absolute;clip:rect(2px90px30px2px);width:90px;height
Spring_z7·2023-11-25 21:10

el-plus，el-form表单二次封装

描述：封装一下，拿来直接用，节约时间，封装的比较简单可以在此基础上深入封装，逻辑比较复杂的建议直接使用slot配置项el-form封装的组件内部支持的组件el-input输入框组件el-select选择框组件
学习永无止境、、、·2023-11-24 18:37

el-select 组件 懒加载 可远程搜索

用于分页数据的懒加载vue+elment新建elSelct.vue组件{remoteMethod(query,value)}"style="width:100%;"@change="change"@input="$emit('input',$event)"@visible-change="visibleChange"@clear="clearChange">{{concatString(item[
5335ld·2023-11-24 07:17

el-select 性能优化

a.简单页面也即正常开发的页面中b.通过表单配置在页面中渲染出来的下拉框1.目的为了解决element-ui中el-select组件在大数据量的情况下出现的性能问题(数据量太大，导致渲染过慢，或造成页面卡顿甚至于卡死
前端小菜机·2023-11-24 07:45

element-ui框架的el-dialog弹出框被遮罩层挡住了，vue-element-ui弹出框和el-select层级混乱

Elementui中弹出框、Select选择器等等弹出被遮盖的问题处理方法这种问题一般出现在有多个弹出框、弹出框上有select选择器这两种情况。两种情况不同的处理方式如下：情况A：有多个弹出框，你想要的效果可能是页面->弹出框A->弹出框B，但是实际上出现的是页面->弹出框B->弹出框A如图所示。图是在网上找的遇到这种情况不要慌，可以在el-dialog标签里添加::modal-append-t
拳击俱乐部·2023-11-22 21:00

vue中使用el-dialog里面使用的el-select选中无法显示值问题

场景一问题描述：页面中有个el-dialog，里面有三个el-select，前两个是联动的，第一次打开el-dialog操作选中是没有问题的，第二次会出现第二个和第三个选中之后先不显示值，过一会才显示，
小丸子_7043·2023-11-22 00:15

el-select下拉框嵌入el-tree组件

①：支持树形菜单多级选择②：支持input检索功能③：element-ui的select组件和tree组件结合本篇文章主要引用了该博主的文章，点击跳转主要在此基础上加了点击隐藏下拉框，代码如下：组件treeSelect：exportdefault{name:"el-tree-select",props:{/*配置项*/props:{type:Object,default:()=>{return{v
吉吉安·2023-11-21 20:10

Vue3+elementplus搭建通用管理系统实例十三：添加树形选择器及多选功能

一、本章内容  使用elementplus的TreeSelect树形选择组件替换el-select组件当做关联对象的编辑组件，实现关联对象的多选功能。
军军君01·2023-11-21 20:31

el-select选择无变化 解决方案

el-select选择无变化解决方案问题重现//伪代码备选项备选项///data(){return{option:[{code:1,label:'你好',value:1}],//value为数字1value
k6丶·2023-11-21 13:05

对el-select进行二次封装，解决数据量过大造成页面卡顿问题

问题对于体量相对庞大的公司来说，数据量很多都是数以万计的，对于一些选择组件例如select来说，同时渲染这么庞大的数据往往会导致页面卡顿甚至会直接卡死。解决思路页面卡顿的根本原因其实是浏览器渲染的时候数据量过大导致的，我们可以将数据进行分段处理，不需要展示所有，只展示部分数据，等滑到底部再加载更多，这样每次浏览器只需要渲染小部分数据。难题分析触底事件触发既然需要进行分段处理，那么首先就需要一个触发
丹丹的小跟班·2023-11-21 07:19

vue3+ts+element plus自定义el-select下拉选择器组件封装

自定义el-select，包含内容有：1、自定义select后缀图标，清除默认边框，限定下拉框宽度时，内容显示省略号，鼠标经过内容，显示title全部信息2、鼠标经过select上方显示el-tooltip
朝朝&暮暮·2023-11-21 05:09

el-select 远程搜索 触底分页搜索

directives:{'el-select-loadmore':{inserted(el,binding){constSELECTWRAP_DOM=el.querySelector('.el-select-dropdown.el-select-dropdown__wrap');SELECTWRAP_DOM.addEventListener('scroll',function(){/***cons
_岁月流光·2023-11-20 22:52

el-select 远程搜索 懒加载

参考链接：el-select实现远程搜索和懒加载_select懒加载_qd-hhkj的博客-CSDN博客自定义懒加载directives:{//注意：这个是写到data外面"el-select-loadmore
程序员小刚·2023-11-20 07:48

基于elementui的el-select、el-tree、el-popper和vue2自定义的ts-tree-select下拉树组件

通过使用el-popper和el-tree替换el-select原下拉框实现下拉树组件预览单选多选代码exportdefault{name:'TsTreeSelect',props:{selectData
weixin_43971142·2023-11-19 12:34

vue el-tree和el-select下拉框的封装

vueel-tree和el-select下拉框的封装效果：exportdefault{props:{//树结构数据data:{type:Array,default(){return[]}},defaultProps
JSN___不像码农的码农·2023-11-19 11:42

element-plus自定义el-select后缀图标

在element-plus中使用el-select自定义后缀图标结果示例如下：根据element-plus官网中给出的提示，el-select中有个suffix-icon的属性，可以自定义后缀图标，并且传入的类型有
沈清秋.·2023-11-19 01:22

Element-UI el-select下拉框多选实现全选

文章目录前言el-select下拉框多选实现全选方法一下拉项增加一个【全选】方法二添加一个【全选】复选框前言在开发过程中，我们经常会遇到一些需求，而现有的组件库可能无法完全满足我们的需求。
一碗情深·2023-11-18 19:04

element 常见问题及解决办法

element常见问题一、el-date-picker限制过去日期无法选择二、el-select中multiple多选，回显数据后编辑不起作用三、el-dialog样式修改四、el-select+el-tree
aibujin·2023-11-17 15:26

el-select获取value值和label值

改成：:value="{value:item.value,label:item.label}"代码如下：bankList:[{value:1,name:"工商银行"},{value:2,name:"招商银行"}],//选择银行changeBank(data){const{value,label}=datathis.payInfoForm.bankId=valuethis.payInfoForm.b
jooner888·2023-11-16 17:53

el-select中获取value和label值

Vue中el-select中获取value和label值。在el-option中加上@click.native方法。
呆。@473·2023-11-16 17:51

Element-UI el-select 绑定对象

Elment-UI版本：2.15.7由于官方文档不够详细，在使用el-select组件传入对象时，不是取值有问题，就是会报错，多番尝试后，找到了解决方法，特此记录。
bingo丶·2023-11-16 17:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他