第一种 点击搜索 <el-select class="mr10" style="width:150px;" v-model="valueType" placeholder="请选择考核类型" :loading="selectLoading" > <el-input v-model="searchSe            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-08-18 14:34:00
                            
                                546阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            下拉框:<el-select                filterable                v-model="course"                mult            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-22 06:59:04
                            
                                177阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            现在的问题是这样:省市都能正常出来,联动也实现,就是在选择省的时候市的下拉框应该清空上一次的选择,change里我用this.cityId = ‘’,this.editForm.cityId = ‘’,this.cityId = null这些都试过,都无法清空,请问是什么问题呢? 上面的问题,答案如 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-26 09:30:00
                            
                                1581阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            数据回显不成功一般是因为数据类型不匹配,所以需要处理成统一数据类型。如果 v-model 绑定的数据是 string 类型,:value 绑定的数据是 number 类型,我这里是通过 + ‘’ ,统一处理成 string 类型 <el-form-item label="所属部门">   <el-select v-model="partSmallForm.bel            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-05-19 11:15:20
                            
                                3580阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            v-model接收的数据应该是数组,而已数组里的参数必须是number:[0,1,2] 的形式,才能正确显示。数据库里存的"1,2,9",后端返回回来的是字符串所以对数据进行重构,先酱字符串转换为数组,再去遍历,将item的值转换为number,最后重新push。 <template> <div>  ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-28 21:27:00
                            
                                2151阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <template>
  <el-select
    :popper-class-name="popperClassName"
    v-model="selectedValue"
    v-loadmore="handleLoadMore"
    placeholder="请选择"
    :popper-class="popperClassName"
    :mul            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-08-22 09:16:28
                            
                                258阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            要注意区分elementUI组件(比如el-select、el-button、el-input等组件)的focus、click、change等事件和DOM的focus、click、change原生事件,二者是不一样的。如果要在element组件上触发原生事件,一律都得加.native修饰符,否则无法触发事件。但是要注意很多elementUI的组件本身封装了focus、click、change等事件            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-19 15:09:08
                            
                                1322阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            经典问题:在测试环境好好的,怎么到正式环境就不行了?            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2022-06-16 11:31:27
                            
                                877阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            本来想着通过focus自动获取焦点 ,但是不起作用,然后百度说 focus 要延迟一下才行,然后试了一下还是不行。后来无意中找到             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 15:27:17
                            
                                2229阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-form-item label="区域:" prop="RegionIdArr"> <el-select v-model="model.RegionIdArr" @@change="regionChange()" multiple filterable placeholder="全部"> <            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-23 15:54:00
                            
                                672阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <el-select
              v-model="saveWardForm.wardCode"
              placeholder=""
              filterable
              @blur="selectBlur"            >
              <el-option            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-07 10:20:50
                            
                                50阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-select
              v-model="saveWardForm.wardCode"
              placeholder=""
              filterable
              @blur="selectBlur"            >
              <el-option            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-08 09:42:24
                            
                                104阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-form-item label="使用人" prop="useBy">
  <el-select ref="useByRef" v-model="form.useBy" filterable placeholder="请输入员工名称"  style="width: 100%"
			 no-match-text="请输入员工名称">
	<el-option            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-14 14:21:13
                            
                                593阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            先看看设计图:网上找了一溜,都是扯淡,样式也没个自己动手吧,先把样式搞定popper-class="xx-option"
所有单选框都用 :after和:before类 + 定位 实现
样式逻辑复杂点,再加上:hover、:active伪类,看不惯还要封装
就出来了.xx-option {
  .el-select-dropdown__list .el-select-dropdown__item            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-24 23:44:42
                            
                                675阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言大部分情况下使用 el-select 的时候,el-options 中 options 的值都是后端接口给的数据,直接赋值就可以了。但是有的时候数据量比较大,比如几千甚至上万条的时候,如果直接赋值,整个页面的 dom 会被撑爆,不仅请求全量数据接口的时候时间会很久,而且赋值完之后整个页面会非常卡。 解决方案:后端将接口改为分页的、前端将el-select下拉框中的数据改为滚动加载后端将接口            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-09 16:31:07
                            
                                315阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            上图:项目:vue + element问题:element虽好,但是样式修改起来是真的费劲。总结:el-select的宽度是默认充满容器的所            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-18 00:17:57
                            
                                1509阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            option添加赋值 <el-col :span="10"> //<!-- 所属业务, 字典 --> <el-form-item label="所属业务:" prop="businessType" label-width="180px"> <el-select v-model="ruleForm1.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-04 10:04:03
                            
                                2666阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【代码】[element-plus] el-select 下拉选择图片。