el-checkbox

Vue el-checkbox 复选框 样式修改

修改eleuicss样式的话应该首先在浏览控制台找出要修改的元素控制台找元素.png选中后input和绑定内容的样色，背景色，鼠标hover的边框色等等，具体的根据自己的实际情况来修改~重新写的样式不能写在scoped的style里面，放scoped里面的话修改无效！所以我是重新放在一块style标签里了控制台找元素.png.el-checkbox__input.is-checked.el-che
郭海杰·2024-02-04 12:11

修改el-checkbox默认颜色

https://blog.csdn.net/qq_45067263/article/details/123134306?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170617493716800185818545%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%25
珊珊而川·2024-01-29 09:41

【el-table 表头自定义全选列】

$index,value)"/>renderHeader(h,name){returnh("div",[h("el-checkbox",{style:"margin-right:5px",//普通的HTML
Shiki2147·2024-01-26 14:23

el-checkbox 实现展示区分 label 和 value（展示值与选中获取值需不同）

elementplus的el-checkbox官方代码中的多选框组实例如下：上方代码中选中哪个选项就会往checkList数组中加入选项的label值，如果需要实现展示的值与选中的值不一样要怎么实现呢？
Jiang_JY·2024-01-25 13:11

使用elementUi—el-checkbox无法正确动态设置勾选状态的问题

1.在v-for中使用v-model="addDate[key]"绑定不能正常工作2.改为:checked="addDate[key]"能够勾选但是不能双向同步3.同时使用不能工作原因:在页面初始化的时候addDate是空变量addDate[key]是不存在的所以绑定失败解决方案:1.在设置addDate值得时候使用Vue.set(this.addDate,k,false)
tangshangkui·2024-01-25 09:48

element-ui - el-checkbox绑定失效

数据添加checked属性在el-checkbox绑定失效场景原因解决方法总结场景通过使用el-checkbox，实现如下的场景，点击某个复选框，实现勾选和取消勾选。
nunumaymax·2024-01-25 09:47

在ElementUi中，多选框Checkbox 在循环中选不上的大坑，用 this.$set来解决

近遇见个奇怪的事情，elemengui的el-checkbox组件，在循环中选不上但是在data中定义的变量就能正常后来高手帮助结局，小子丶拽字咋写(469112796)2022-10-0220:05:
桃花岛主70·2024-01-25 09:46

关于element+ui，多选框组无法选中问题

遇到一个问题，在使用elementui的多选框组件el-checkbox-group和el-checkbox的时候出现了无法选中选项的事情其中，listDate是通过父组件传递过来的值，因为我要实现的是可以控制多选框组最多和最少的选项
liuarmyliu·2024-01-25 09:45

解决elementUI中使用checkbox无法选中的问题

解决elementUI中使用checkbox无法选中的问题事情的开始是这样的，有一个属性是isCheck，后端是没有返回这个字段的，但是前端需要将这个属性绑定到el-checkbox上去，但是前端采用循环的方式去生成
简单点了·2024-01-25 09:38

【css element-ui】el-checkbox样式

/*黑白配色多选框*//*前面框框*/.scdj_black_check.el-checkbox__input{border:2pxsolidblack!important;margin:6px0;}/*被选中状态下前面框框*/.scdj_black_check.el-checkbox__input.is-checked.el-checkbox__input{border:2pxsolidblac
米老鼠的摩托车日记·2024-01-24 11:58

element中el-cascader级联选择器只有最后一级可以多选

el-cascader级联选择器只有最后一级可以多选，其它级只有展开子节点的功能，如下图所示：可以观察到最后一级的li节点上没有属性aria-haspopup="true"，可以通过这个来隐藏非最后一级节点的el-checkbox
小马甲丫·2024-01-14 12:33

基于elementUI封装的带复选框el-checkbox的下拉多选el-select组件

效果图：组件：MultipleSelect.vue全选{{item[props.label]}}exportdefault{name:"MultipleSelect",inheritAttrs:false,//似乎设不设置都可以model:{prop:"initSelectValues",event:"change"},props:{initSelectValues:{type:Array,def
热忱1128·2024-01-13 09:59

[element-ui]在el-table中使用el-checkbox实现勾选功能

前言：el-table其实自带多选功能，手动添加一个el-table-column，设type属性为selection，再绑定一个方法@selection-change="handleSelectionChange"即可拿到多选的数据。但当涉及到接口分页以及勾选数据回显的时候，这个方法就不好用了。以下介绍一种使用el-check来模拟el-table的勾选功能的写法。效果图：左右两边共用一份数据源
西瓜有点饿·2024-01-13 02:29

element ui多选框组checkbox-group的使用

el-checkbox的label属性是该checkbox对应的值，若该标签中无内容，则该属性也充当checkbox按钮后的介绍。
杜蜜月·2024-01-11 09:58

el-table 个体行绑定点击事件时 表格中有el-radio和el-checkbox 点击触发两次事件处理方法

问题描述在element的table中使用radio或者checkbox的单击事件,会导致radio或者checkbox的单击事件触发两次解决办法{{''}}//点击行选择的时候获取三个参数找到对应的标签RowTableCollect(val,c,e){if(e.target.tagName=='INPUT')returnthis.CollectFactor=val},
Bubluu·2024-01-10 07:49

el-checkbox复选框和el-select选择器的使用

实现el-checkbox和el-select共用一张表的前后端数据传递最近做了一个小的需求，因为是个前端小白，很多都要自己去查询解决办法，所以还是碰到许多困难的。
小 城·2024-01-04 23:32

修改多选框el-checkbox样式, 大小,背景色

修改多选框el-checkbox样式,大小,背景色/*背景透明*/.el-checkbox__inner{background:transparent;border:1pxsolid#00ffe5;}/
Hello,World!!·2024-01-04 10:38

v-if导致el-button的disabled属性动态修改失败，加key解决（虚拟列表+el-checkbox出现勾选/未勾选的闪现问题同理解决）

添加设备保存使用v-if后，disabled属性无法动态修改，通过给el-button添加key值，可以修复这个问题：下一步：添加设备保存类似问题还有vue-virtual-scroller虚拟列表的el-checkbox
唯一的wataru·2024-01-04 02:23

element ui el-checkbox 全选 半选 组件分装

示例引用选中值返回{{value}}选中的Key:{{selectData1.key}}选中的label:{{selectData1.label}}选中的子项对象:{{selectData1.checkedItems}}importallSelectfrom'./allSelect.vue'exportdefault{components:{allSelect},data(){return{sel
RxnNing·2023-12-21 20:48

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

故需要改造一下，el-select结合el-checkBox实现下拉全选+多选功能。
i_am_a_div_日积月累_·2023-12-21 20:44

CheckBox多选框

CheckBox多选框基础用法单独使用可以表示两种状态之间的切换，写在标签中的内容为checkbox按钮的介绍在el-checkbox元素中定义v-model绑定变量，单一的checkbox中，默认绑定变量的值会是
一只爱好编程的程序猿·2023-12-20 17:08

el-table 个体行绑定点击事件时 表格中有el-radio和el-checkbox 点击触发两次事件处理方法

前言el-table个体行绑定点击事件时表格中有el-radio和el-checkbox点击触发两次事件处理方法一、问题重现当不点击单选按钮时就正常不会出问题当点击单选框时点击事件会执行两次 
stpzhf·2023-12-18 00:01

Vue2 element 级联组件最后一级为多选 其他为单选

Document*{margin:0;padding:0;box-sizing:border-box;}.el-cascader-panelli[aria-haspopup].el-checkbox{display
上优·2023-12-17 21:33

vue el-select多选封装及使用

同时，也包含了一个el-input组件用于过滤搜索选择项，以及el-checkbox-group和el-checkbox组件用于显示多选项。
皮卡穆·2023-12-02 14:02

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-checkbox的默认值从true和false更改为0和1
青青子衿越·2023-11-25 03:46

TypeError: Cannot read property ‘length’ of undefined

TypeError:Cannotreadproperty‘length’ofundefined问题在Vue中使用elementui的el-checkbox控制台会报TypeError:Cannotreadproperty
会思想的苇草i·2023-11-23 18:49

element-ui复选框el-checkbox包含单选框el-radio

先上效果第一步：html全选{{item.taskName}}版本{{radioitem.taskVersion}}(有效监控企业{{radioitem.companyNum}}家)方便大家知道遍历的到底是什么数据，我把后端回来的数据展示一下，仅供参考第二步：CSS（每个需求的样式都不同，提供的样式仅供参考）.table-title{width:100%;height:40px;padding:1
有你好果子·2023-11-20 04:33

在 el-table 中嵌入 el-checkbox el-input el-upload 多组件，实现复杂业务场景

由于业务场景的复杂性，需实现：在el-table表格中嵌入el-checkbox多选框及el-input输入框及el-upload上传组件，先附上实现效果图。
Danli.·2023-11-19 00:40

解决el-checkbox传值编辑回显问题。

**如果el-checkbox标签之间不写任何内容显示也是label的内容，但是我们在el-checkb
__不靠谱先生·2023-11-17 15:43

修改el-input、textarea、el-checkbox的禁用状态下的颜色

注意要加到全局文件样式里面//checkBox自定义禁用样式.el-checkbox__input.is-disabled+.el-checkbox__label{color:#808080!important;}.el-checkbox__input.is-disabled.is-checked+.el-checkbox__label{color:#1890ff!important;}.el-c
且白·2023-11-17 11:23

el-table动态增加列、行数据，俩种方法实现按需选择

我做的这个操作类似就是折叠选择展示原有的数据1.实现表格数据居中2.动态添加内容3.解决表格添加数据后闪屏功能4.解决了el-dropdown-menu点击后自动关闭问题1.效果1使用了el-dropdown嵌套el-checkbox
请叫我欧皇i·2023-11-13 18:17

关于在Vue中监听复选框按钮点击实现其他复选框的全选和反选功能

中监听复选框按钮点击实现其他复选框的全选和反选功能最近找到了一个实习工作，在项目中遇到了这个问题，看了elementui官方文档和百度了一些资料，最后结合起来实现了这个功能，话不多说直接看代码首先是html，重要看的就是全选el-checkbox
前端菜只因·2023-11-01 01:58

el-tree实现一键全选、反选功能

（最后有增加vue2+elementui实现代码）vue3+ElementPlus具体实现：模板部分：1，在合适位置（如el-tree同级）新增一个复选框组件el-checkbox全选步骤详解：（1）indeterminat
@.十七·2023-11-01 01:24

vue 页面使用两套el-form表单并且嵌套使用el-checkbox

此时使用el-checkbox的change方法进行动态显示替换另一套form中的数据新数据如下：旧数据:exportdefault{name:'Popup',data(){return{centerDialogVisible
m0_60907575·2023-10-28 04:44

动态表头 el-table el-dropdown el-checkbox

需求类似下图样式主体是表格el-table，最后一个表头是按钮，用插槽来实现表头字段用下拉菜单实现el-dropdown多选功能用el-checkbox来实现全选{{item.label}}headers
我兔威武·2023-10-17 09:47

SassError: expected selector报错 样式穿透报错

样式穿透报错.el-checkbox::v-deep.el-checkbox__label{font-size:33px;}::v-deep替换/deep/vue3.0.searchInput:deep
小墨宝·2023-10-17 06:00

Element Plus阻止 el-dropdown、el-switch等冒泡事件

问题点：组件中遇到事件冒泡问题了，el-checkbox中@change事件要求阻止冒泡，如下代码中要求点击checkbox时不调用li标签的show方法li内容handleCheckTower(val
yusirxiaer·2023-10-15 19:46

el-checkbox-group获取选中的id 禁止选中已有项

el-checkbox-group所对应v-model必须是数组格式，且没有层级嵌套后端返回的数据是这样的:我们v-model绑定的checkModel只包含选中的name,要获取到对应的id就需要监听el-checkbox
Donmind29·2023-10-11 13:09

elementui实现表格el-table多个selection复选框checkbox

只需要设置type=selection，但是如果需要多个checkbox复选框selection，或者checkbox里面的dom有其他功能（包括需要颜色，不同状态等），那么就需要在重写el-table内部的el-checkbox
喆哲·2023-09-30 19:01

el-collapse 嵌套中 el-checkbox作为标题，选中复选框与el-tree联动

{}"@change="checkedAll(item.platformId,item.isCheck,item.treeIdList)">handleInputFilter(val,item.platformId)"size="mini"placeholder="请输入内容"style="width:100%">getPlatformList(tenantId){constloading=thi
@小匠·2023-09-28 09:39

遍历el-checkbox多组全选和单个选

image.png{{item.name}}-->{{items.name}}constcityOptions=[{name:'a1',list:[{name:'上海',sobId:'1'},{name:'北京',sobId:'2'},{name:'广州',sobId:'3'},{name:'深圳',sobId:'4'}]},{name:'a2',list:[{name:'上海1',sobId:'
羊绘霖·2023-09-26 13:19

Element-ui el-checkbox 禁用默认的点击

@click.native.prevent
西木木亢·2023-09-24 08:22

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-checkbox中的checked勾选状态问题 2021-08-02

碰到的问题今天用elment-ui时碰到了一个坑，记录一下：项目中有一个页面是带批量下载功能的，需要点击批量操作才会出现全选按钮和item中的多选框，但是直接用v-if没有过渡效果感觉很生硬。于是自己写了一个css过渡效果，把全选按钮隐藏在批量操作按钮下方，点击批量操作后，从按钮的右侧移出{{isBatch?'取消操作':'批量操作'}}{{!checkedList.length?'下载本页':`
bug我来写·2023-09-12 19:15

【element-ui】el-checkbox子父级联动勾选

_prop.func_name}}2、处理弹窗内多选框的渲染，这里没有使用el-checkbox-group，分别绑定了单独的el-checkbox{{key}}已选{{value.realLength
浪浪山的慕容云·2023-09-12 19:45

el-checkbox参数动态设置，el-checkbox-group动态设置v-model，未勾选成功。

1.{{item.value}}exportdefault{name:",components:{},data(){return{ruleForm:{},};},created(){this.ruleForm.list=[{key:1,value:'list1'}];this.$set(this.ruleForm,"values",[1]);//深入式响应原理},}
qq_39037897·2023-09-12 19:14

el-checkbox遇到的渲染和勾选的问题

el-checkbox遇到的渲染和勾选的问题使用场景要求：多个el-checkout，可多选，但最多选6个，再次勾选会失败并提醒最多勾选六个。
hibiscusxin·2023-09-12 19:14

elementUI中el-checkbox-group,动态禁用el-checkbox项

前言：最近在项目中，需要一个动态禁用el-checkbox选项的功能，某些选项在某些场景下，需要禁止掉，让用户不可选的状态。
lilly呀·2023-09-12 19:44

el-checkbox-group全选无效问题

el-checkbox-group的label绑定的是el-checkbox中的label属性，并非是key属性。
热爱蛋炒饭·2023-09-12 19:44
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他