vue element ui el-checkbox 只在disabled才显示

最新推荐文章于 2025-06-23 10:53:00 发布
原创 最新推荐文章于 2025-06-23 10:53:00 发布 · 580 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue.js #ui #javascript

vue element ui el-checkbox 只在disabled才显示
报错
Error in render: “TypeError: Cannot read properties of undefined (reading ‘length’)”

found in

—> at packages/checkbox/src/checkbox.vue
at packages/checkbox/src/checkbox-group.vue
at src/components/search/filter.vue
at src/components/search/left.vue
at src/components/search/index.vue
at src/App.vue

在这里插入图片描述

出错原因
v-model绑定的对象（后端返回）为null值，改为数组即可

关于解决elementUI组件el-checkbox-group无法绑定对象数组的问题
ColinTChen的博客
10-28 6878
关于解决elementUI组件el-checkbox-group无法绑定对象数组的问题1.把 element 源码克隆到本地2.安装依赖3.查找文件4.替换代码5.重新打包 1.把 element 源码克隆到本地 git clone https://github.com/ElemeFE/element.git 或者下 zip 包 https://github.com/ElemeFE/element 2.安装依赖 npm install 或 cnpm install 3.查找文件 文件目录：packages\
vue antd项目实战——checkbox多选框限制选择个数（disable属性与includes方法）
XSL_HR的博客
03-27 4947
vue antd项目实战——checkbox多选框限制选择个数（利用ant design vue中的disabled属性和JavaScript原生的includes方法判断数组中是否含有某个元素）
vue 动态生成 el-checkbox-group 遇到的v-model绑定问题及解决方法
w36680130的博客
09-13 1782
vue 动态生成 el-checkbox-group 遇到的v-model绑定问题及解决方法
el-checkbox报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“
wonderfulgood的博客
03-27 1759
绑定的没有在data（）{}初始化设置数组。
Vue & element & CheckBox 报错
Ton555555的博客
06-17 489
报错: 原因: 我们直接处理了 返回数据 再返回数据为空的时候 自然没有了 数据数组 自然报上面的错误 解决: 做数据返回的 存在 判断
Element-ui 之 Checkbox-Group 组件的源码分析
最新发布
rongrongVivian的博客
06-23 1136
此篇文章将从Checkbox-Group组件提供的属性和事件的角度，逐步分析element-ui的Checkbox-Group组件源代码，从而介绍如何实现一个完整的Checkbox-Group组件。
vue element ui 修改 el-checkbox的禁用状态下的颜色
骨子里的偏爱
03-28 3938
vue element ui 修改 el-checkbox的禁用状态下的颜色
vue disabled样式更改（checkbox input ）
Xiao_XianYu_的博客
02-15 2745
一、checkbox更改disabled样式 /deep/ .el-input.is-disabled .el-input__inner { color: #606266;//在这里更改你所需要的样式 } 二、checkbox更改disabled样式 /deep/ .is-disabled .is-checked .el-checkbox__inner {//更改选中时选框的样式 background-color: #1890ff; border-color: #1890ff; }
Element UI多选框组disabled属性
zhourongxiang1的博客
03-23 817
change是checkbox值发生变化时触发的事件。如果全部选择，checkList= [‘年假’，‘调休假’，‘事假’，‘婚假’]。:disabled="true"禁用checkbox。选了其它假期类型，不可以选年假和调休假。取消选择该假期类型，解禁所有复选框。选了调休假，其它假期类型禁用。取消选择调休假，解禁所有复选框。选了年假，其它假期类型禁用。取消选择年假，解禁所有复选框。
Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with va
热门推荐
游海东的技术专栏
09-04 1万+
1、错误描述 vue.runtime.esm.js:631 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with value 17. found in ---> <ElCheckbox> at package...
vue element-ui多选框按钮全选（笔记）
qq_46631555的博客
12-10 1420
<el-col :span="12"> <el-switch v-model="checkAll" @change="handleCheckAll" > </el-switch> </el-col> ...
vue项目中checkbox的坑
a811567770的博客
01-05 5994
今天遇到的问题是，勾选传参在谷歌和ie下是反过来的，把checkbox的click事件改成change就好了 &lt;span&gt; &lt;label&gt;&lt;input type="checkbox" name="vehicle" value="Car" v-model='checkboxStatus' class="check_shidu" @change=&qu
vue2中el-checkbox绑定的数据是null的处理方案
strxiaojie的博客
01-19 1218
那么需要你在获取数据的时候，把后端给你的null修改为[]
el-checkbox的使用
boreborebore的博客
07-28 601
<el-checkbox :disabled="isDisabled" v-bind="{'checked': itema.participationStatus == -1? true : false}" @change="checked=>checkBox(checked,index)"> </el-checkbox>
vue中复选框disabled属性动态绑定
Lcl1562871004的博客
04-13 4784
项目需要在某种条件下禁用复选框，并且复选框不是在表单中，而是在表格中 搞了半天，果然新人选手好难，话不多说，上代码 <el-table stripe :data="tableData1" v-loading="loading1" @current-change="handleSelectionChange" style="width: 100%" :fit="true" border> <el-table-column align="center" label="选择" wi
VUE-Element组件（九） CheckBox多选框
w_t_y_y的博客
08-13 1万+
一、举例：现有通讯录，点击出现通讯录选择弹框。弹框右侧为选择的用户列表，可以点击删除，左侧默认为角色列表，可以勾选角色，也可以点击角色进入角色详情页勾选具体的用户。还可以在左侧上方搜索用户名或者账号出来用户列表来勾选。其中，角色列表复选框、搜索用户列表复选框、选中的用户列表复选框，三者的选中状态需要关联（不勾选、半选、全选）。 代码实现： 1、父组件： <div class="user-div" @click="openSelectUserDialog"> &...
vue + element-ui项目，el-checkbox上的响应式问题——数据变化后勾选状态未变化
Annie的博客
07-15 8798
Vue 为了尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。若要两个元素完全独立，不要复用，添加具有唯一值的key即可。
vue中el-checkbox全选、反选、多选
qq_45268602的博客
02-18 8960
实现一组数据的全选、反选、多选操作
【elementUI】（el-table）设置表格行的checkbox为禁用状态
H_Lu711的博客
07-01 7239
【elementUI】（el-table）设置表格行的checkbox为禁用状态
vue回显遇到的bug
qq_41123533的博客
12-17 939
1. bug重现 这里是我data的结构(不相关代码已经省略)： return { sizeForm:{ ... tags:[], // 这里... ... }, } sizeForm.tags对应的复选框： <el-checkbox-group v-model="sizeForm.tags"> <el-checkbox v-for="data in tags" :label="data.value" :key="data.value"&
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值