下拉框：<el-select filterable v-model="course" mult
原创
2023-04-22 06:59:04
177阅读
【代码】el-select 全选。
原创
2023-12-28 10:36:11
385阅读
数据回显不成功一般是因为数据类型不匹配，所以需要处理成统一数据类型。如果 v-model 绑定的数据是 string 类型，:value 绑定的数据是 number 类型，我这里是通过 + ‘’ ，统一处理成 string 类型 <el-form-item label="所属部门"> <el-select v-model="partSmallForm.bel
转载
2022-05-19 11:15:20
3580阅读
<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评论
关于element日常的小知识
原创
2021-08-27 10:25:30
8662阅读
现在的问题是这样：省市都能正常出来，联动也实现，就是在选择省的时候市的下拉框应该清空上一次的选择，change里我用this.cityId = ‘’，this.editForm.cityId = ‘’，this.cityId = null这些都试过，都无法清空，请问是什么问题呢？ 上面的问题，答案如 ...
转载
2021-10-26 09:30:00
1581阅读
2评论
1、绑定值：首先确保你的el- <template> <el-select v-model="selectedValue" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="
原创
2024-08-19 08:19:52
954阅读
@Change="getSyncImgRepoListOption"<el-select v-model="formData.srcRepoProjs" clearable style="width: 100%;" placeholder="请选择项目名称" @Change="getSync
原创
2021-12-23 10:28:14
2159阅读
@Change="getSyncImgRepoListOption"<el-select v-model="formData.srcRepoProjs" clearable style="width: 100%;" placeholder="请选择项目名称" @Change="getSync
原创
2022-01-18 11:04:04
2577阅读
<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阅读
本来想着通过focus自动获取焦点 ，但是不起作用，然后百度说 focus 要延迟一下才行，然后试了一下还是不行。后来无意中找到
原创
2022-06-27 15:27:17
2232阅读
v-for="item in buildingList" :key="item.id" :label="item.name" :value="item.name">
原创
2023-07-08 09:40:40
134阅读
先看看设计图：网上找了一溜，都是扯淡，样式也没个自己动手吧，先把样式搞定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
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阅读
第一种 点击搜索 <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评论
v-model接收的数据应该是数组，而已数组里的参数必须是number：[0,1,2] 的形式，才能正确显示。数据库里存的"1,2,9"，后端返回回来的是字符串所以对数据进行重构，先酱字符串转换为数组，再去遍历，将item的值转换为number，最后重新push。 <template> <div> ...
转载
2021-10-28 21:27:00
2151阅读
2评论
前言大部分情况下使用 el-select 的时候，el-options 中 options 的值都是后端接口给的数据，直接赋值就可以了。但是有的时候数据量比较大，比如几千甚至上万条的时候，如果直接赋值，整个页面的 dom 会被撑爆，不仅请求全量数据接口的时候时间会很久，而且赋值完之后整个页面会非常卡。 解决方案:后端将接口改为分页的、前端将el-select下拉框中的数据改为滚动加载后端将接口
转载
2024-07-09 16:31:07
315阅读
