element el-checkbox已绑定值却无法勾选的问题

最新推荐文章于 2024-07-12 16:15:03 发布
最新推荐文章于 2024-07-12 16:15:03 发布
阅读量2w 收藏 15
点赞数 12
文章标签： element el-checkbox无法选中问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37471721/article/details/98863099
版权

问题描述
首先根据后端返回的数据列表展示出checkbox组
在这里插入图片描述
在这里插入图片描述
页面展示如下
在这里插入图片描述
选中“设计师” 选项保存。再点击修改时，后端返回的值为[16]，但是却无法勾选中设计师这个选项，几经周折发现el-checkbox的value需要为string才有效
解决办法
在这里插入图片描述

孟孟~
关注
  • 12
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
element组件点击复选框不选中问题
weixin_41798613的博客
12-28 3473
element组件点击复选框不选中问题 问题复现 代码呈现 问题原因 计算属性以上用法属于get，不能直接修改，计算属性想要修改需要使用set方法。以上点击复选框后看似值变了，实质复选框绑定未被修改，所以复选框不能选中。自己的理解——计算属性是一个虚拟值，依赖data里的值改变，当data里的值变了，计算属性就会执行。 解决方式 filter字段在data里定义，watch里修改 1、data里定义 2、watch里改变 总结 element复选框组件绑定的值只能在data中定义 ...
详解element-ui表格中勾选checkbox，高亮当前行
10-16
首先，要实现勾选复选框高亮当前行的功能，我们需要利用Element UI提供的表格组件`<el-table>`。Element UI是一个基于Vue.js的组件库，提供了丰富的UI组件，用于构建高质量的用户界面。 接下来，文中提到了`...
Vue动态生成el-checkbox点击无法赋值的解决方法
12-03
前言 最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如： 定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default { data() { return { form: {} } }, } 从后端接口得到 checkList，这个就是动态生成的表单数据 v-for 循环 checkList，得到 key，然后直接 v-model=“form.key” 动态生成 form 里面的 key <el-
element ui 使用checkbox（多选框）有选中返回值但是没有选中状态
qq_43787947的博客
08-02 2938
遇到的问题有两个： 第一个是编辑的时候获取数据，checkbox没有被选中； 第二个是 编辑的时候，取消选择之后，数据还是提交给后端了（这个问题和第一个问题是相关联的） 下面解决第一个问题： 1.有返回数据值（或布尔值），但是没有checkbox选中状态 通过设置checked属性，手动设置复选框的选中状态，如下： ...
【日常bug记录】el-checkbox 绑定对象数组
最新发布
weixin_45855469的博客
07-12 258
是双向绑定的值，也就是选中之后传到表单数据里面的值，一般设置为。标签内部再使用插值表达式写上多选框框里面要显示的属性就可以了。这个写法很怪异哦，但确实管用。
解决elementUI中使用checkbox无法选中的问题
简单点的博客
01-21 2596
解决elementUI中使用checkbox无法选中的问题
checkbox已设置为checked--true-但不勾选问题解决方法（只第一次勾选有效）
热门推荐
东方败败的博客
04-10 5万+
一、出现的问题及解决方法： 今天在写一个table相关插件的时候无意中发现了这样一个问题，记得以前在写这种控制checkbox选中与非选中的代码时并没有这种bug，当时也是用的checked属性，而现在却行不通了。于是乎做了以下测试，测试demo：一个按钮控制checkbox的选中状态。 测试js代码： $("#test_btn").click(function(){
checkbox属性checked="checked"已有，但却不显示打勾的解决办法
泡泡的博客
07-07 771
问题描述:                   $(obj).attr("checked", true);第一遍勾选和取消是有效的，但是第二遍以后就没反应了，查看了属性，发现checked属性一直存在，但是没显示勾。  解决方法：                   $(obj)..prop("checked", true);
vue2 el-checkbox-group 复选框无法选中
weixin_44021888的博客
04-08 757
vue2 el-checkbox-group 复选框无法选中
复选框 el-checkbox选不上
qq_37418556的博客
06-02 3232
复选框 el-checkbox选不上 <el-form v-for="(item,index) in list" :key="index"> <el-form-item> <el-checkbox-group v-model="item.myArr"> <el-checkbox v-for="(ele,index) in item.checkBoxList" :key="ele.id" :label="ele.label">{{e
vue .js绑定checkbox并获取、改变选中状态的实例
10-18
在Vue.js中，绑定checkbox并获取、改变其选中状态是常见的需求。本文将通过一个实例来详细介绍这个过程，并探讨如何处理复选框选中的值问题。 首先，让我们看下HTML部分的代码： ```html <div class="weui-cells ...
vue+elementui实现下拉框增加checkbox并可全选或取消（完整案例及效果图）.zip
03-09
在上面的代码中，`el-select`是Element UI的下拉框组件，`v-model`用来绑定选定的值，`multiple`属性表示这是一个多选的下拉框。`el-option`是下拉框中的每个选项，通过`v-for`循环遍历`options`数据，`label`和`...
Vue + element ui 中的checkbox-group中的checkbox 回显后无法重新勾选问题
svneclipse的博客
11-19 3618
代码如下就会造成数据回显后不能再次勾选: 修改如下: 回显后无法重新勾选问题就解决了.如果按照上面的修改还是不能解决的话,就要考虑到返回的数据类型是否匹配.
element-ui中checkbox-group组件无法选中的问题
LIUzhenjie_的博客
08-13 7487
项目中需要实现如下功能： 在表头中添加多选框来动态更改是否显示某一列，但是遇到了无法进行勾选的问题，最后经过各种试错，找到了原因，需要在template中添加 slot-scope="scope",虽然我并没有用到scope，但是很奇怪，不加这个就是不行 <template slot="header" slot-scope="scope"> 记某前端菜鸡的又一次踩坑经历~~...
el-checkbox绑定对象时复选框不能自动勾选
weixin_52256272的博客
09-20 537
绑定方式:值绑定到label。
vue2 el-checkbox-group 不能勾选问题
weixin_57246351的博客
05-12 2994
【代码】vue2 el-checkbox-group 不能勾选问题。
el-cascader 数据回显 checkbox没有被勾选
vanora1111的博客
04-30 579
el-cascader 数据回显 checkbox没有被勾选
Vue动态生成el-checkbox点击无法选中的解决方法
sinat_41200024的博客
07-05 1万+
最近遇到一个问题，在动态生成的多选框当我设置了默认值，进来之后无法修改，不能取消也不能选中其他的选项， 数据绑定是用的v-model 后来发现，再现这个问题的原因是当我点击编辑时，是这样赋值的： 而这个row里面没有字段channelPurposes，所以导致dialogForm里面字段缺失，即使是我单独加上这个也不行，于是，将如上赋值改成下面这种方式就可以了 改成这样问题解决了，可以自如...
vue3+element plus，el-cascader级联回显数据的复选框没有勾选，使用强制更新【记录】
qq_43401545的博客
03-13 1250
vue3+element plus 级联选择器回显数据问题
<el-checkbox-group v-model="needRadio"> <el-checkbox label="1">需要转场</el-checkbox> <el-checkbox label="2">需要还箱</el-checkbox> </el-checkbox-group>为啥needRadio的值为[1]，但是需要转场没有勾选上
06-12
在 Element UI 中，`<el-checkbox-group>` 组件的 `v-model` 绑定的是一个数组，数组中的元素表示哪些多选框被选中了。而多选框的 `label` 属性则表示该多选框的值，当该多选框被选中时，该值会被加入 `v-model` 绑定的数组中。 因此，当 `needRadio` 的值为 `[1]` 时，说明 label 值为 1 的多选框被选中了，而 label 值为 2 的多选框没有被选中。这也就是为什么“需要转场”没有被勾选上的原因。 需要注意的是，`<el-checkbox-group>` 组件的 `v-model` 绑定的是一个数组，该数组中的元素顺序与多选框在界面中出现的顺序无关。只有多选框的 `label` 值与数组中的元素值相等时，该多选框才会被视为被选中。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值