element ui 中checkbox或radio不可勾选/不可取消勾选/点击没有反应

最新推荐文章于 2024-07-25 16:22:53 发布
最新推荐文章于 2024-07-25 16:22:53 发布
阅读量1.2w 收藏
点赞数
分类专栏： 前端学习笔记 文章标签： vue element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013253924/article/details/83617746
版权

不知道有没有小伙伴遇到过，动态生成的checkbox或radio会出现无法勾选或者不可取消勾选，或者点击没有反应的时候。

 

我v-model绑定了数据，而且设置是true，但是checkbox生成后，就无法点击了，也不触发这个字段的true和false的变化。

 

解决办法就是，设置的时候，需要使用vue的$set方法设置

Zack_ZXY
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2/3+element - 将级联选择器el-cascader修改为“点击文字就能选中“效果，单选/多选模式下点击label整行都可以直接选中，复选框多选模式下解决只能点击图标才能选中的问题
高级前端工程师
07-23 2724
vue2，vue3，element plus，级联选择器，el-cascader，点击文字就能选中，如何修改成点label就能选中，单选，多选，复选框，单选框，模式，饿了么组件库，无法通过点击整行直接选中的问题，点击文字行就能选择后弹框收起，选中完弹框无法收起，级联选择 点击文本选中 多选，不生效，有问题，原来的功能受影响，点击文字可选中去掉单选按钮选中后菜单收起，ElementUI Cascader 级联选择器实现点击文本选中，懒加载的数据怎么办，动态数据请求，多选模式下点击label文本选择，点击文本直
element ui form用法
weixin_42560789的博客
06-07 904
Form 表单由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据行内表单当垂直方向空间受限且表单较简单时，可以在一行内放置表单。对齐方式根据具体目标和制约因素，选择最佳的标签对齐方式。表单验证在防止用户犯错的前提下，尽可能让用户更早地发现并纠正错误。自定义校验规则这个例子中展示了如何使用自定义验证规则来完成密码的二次验证。Radio 单选框在一组备选项中进行单选¶基础用法由于选项默认可见，不宜过多，若选项过多，建议使用 Select 选择器。 <template> <
elementui的单选选中之后可以取消的方法
m0_59638694的博客
09-01 3179
elementui单选选中之后可以取消
解决elementUI中使用checkbox无法选中的问题
简单点的博客
01-21 2849
解决elementUI中使用checkbox无法选中的问题
Vue el-input 中 readonly和disabled的区别详解
最新发布
qq_43071699的博客
07-25 1141
主要区别readonly允许用户选择但不允许修改输入框中的文本，而disabled完全阻止用户与输入框进行任何交互。使用场景readonly更适用于用户需要查看但不需要修改的数据，而disabled适用于需要暂时移除输入框交互能力的情况。视觉反馈disabled输入框在视觉上通常会有更明显的禁用标志，而readonly输入框可能看起来与可编辑的输入框相似，具体取决于浏览器的默认样式和应用的 CSS。
复选框checkbox如何一直选中，不能去掉勾选
qq_39080240的博客
01-06 2580
多个复选框，有一项是要求一直都要被选中的，不能去掉勾选，如果用了
element ui多选框（Checkbox 多选框、Select多选框）编辑时无法选中的解决办法
qq3892997的博客
11-02 5998
element ui多选框（Checkbox 多选框、Select多选框）编辑时无法选中的解决办法
在ElementUi中，多选框Checkbox 在循环中选不上的大坑，用 this.$set来解决
桃花岛主的博客
10-02 1230
把this.form.item[index].goods_item_checked = []近遇见个奇怪的事情，elemengui的el-checkbox组件，在循环中选不上。小子丶拽字咋写(469112796) 2022-10-02 20:05:07。小子丶拽字咋写(469112796) 2022-10-02 20:05:37。直接赋值没有getter setter方法。但是在data中定义的变量就能正常。你用this.$set赋值就可以了。
elemntUI中el-radio如何在已选中的情况下，再次点击取消选中，实现反选
luoteen的博客
03-13 3091
在element-ui中，其实可以通过checkbox实现反选的功能，把max设置为1 就好了 <el-checkbox-group v-model="checkList" :max="1"> <el-checkbox label="1"></el-checkbox> <el-checkbox label="2"></el-ch...
el如何获取复选框的值_element ui 表格提交时获取所有选中的checkbox的数据
weixin_39931146的博客
12-21 3979
设定此属性@selection-change="changeFun"，意思是每次勾选的时候都会触发这个事件//复选框状态改变changeFun(val) {this.multipleSelection = val;}jquery获取所有选中的checkbox的ID//获取所有选中的CheckBox的id function getCheckBox() { var spCodesTemp = ""; ...
关于Element-ui的多选框，单选框无法选中的问题
热门推荐
李井瑞的博客
11-27 1万+
最近先放一下物联网的事情，打算开发一个前端的SPA。 类似于问卷星的一个东西，因为现在大学，填表的需求很高，可是却没有合适的软件，打算自己做个网站。 前端就选择用Vue和Element-UI开发了，可是在使用的过程中出现了很多错误，浪费了很长时间，也让我对Javascript有了更深的了解。错误1 对‘this’的理解不深刻： data() { return {
禁止取消checkbox选中
王川的私房菜
03-14 5130
问题描述： checkbox复选框，只能选中而不能取消选中 因为checkbox是HTML中的元素，可能不能让它不选中自己，所以我的方法是，不直接对checkbox处理，在它上面再加一层div，每次点击checkbox时，其实是点击div，（checkbox点击不到），然后对checkbox进行处理 $(function () {
element组件点击复选框不选中问题
m0_49789433的博客
12-20 3642
element组件点击复选框不选中问题 问题复现 点击却选不中（代码如下） <el-checkbox-group v-model="Form" :max="max" :min="min"> <el-checkbox v-for="(choice,index3) in data.choices" :key="index3" ></el-checkbox> </el-checkbox-group> 问题解析：如果ma...
element ui el-table表格复选框，弹框关闭取消打勾选择
蓝胖子的博客
10-13 1407
element ui el-table表格复选框，弹框关闭取消打勾选择
el-checkbox复选框，单次点击选中框，取消失败
前端开发-陈善强
07-05 994
页面初次渲染，回显复选框，并且可取消/选中。
问题总结 elementUI el-checkbox 无法勾选问题
weixin_30527323的博客
09-19 3872
问题场景： form表单中checkbox的增删改查，在后台获取到的数据中拿到checkbox的值，但是改不了状态，是因为在后台拿到的form表单的数据和重置数据出现冲突 错误： async getDetail () { await this.$api.getTaskDetail({ params: { id: this.i...
el-checkbox在el-dialog里 不会被勾选的问题
Patrick_hyp的博客
01-13 2655
elmentui中checkbox遇到的问题
＜el-radio-group＞ 单选效果失效问题
workhd的专栏
08-19 1633
使用<el-radio-group> 标签写了个元素，原先是好用的，今天给页面加了新的其它元素，这个地方就不好用了，也没有js报错，莫名其妙；未解之谜
Vue+Element Ui Table取消勾选的问题
m0_58565372的博客
09-02 6494
今天遇到个bug，就是当我对表格里面的数据进行勾选之后，然后再进行一些操作（比如：筛选、查询等）以前勾选的数据还是在勾选状态，如果不注意，再去勾选一些数据，然后操作一些其他的操作（比如删除、上下架等）就会多传给后端数据，经过测试，发现会带入以前勾选的数据，造成的原因就是，没有将以前勾选的数据，经过一系列的操作之后清空。这个时候，当你勾选了一些数据之后，然后又去筛选其他的数据时，以前勾选的数据就会清空。2.当你操作某个操作时（比如：筛选、查询）1、在表格上操作dom元素 设置ref属性。
C#checkbox不可勾选
07-28
在C#中，要实现checkbox不可勾选的效果，可以使用readonly或disabled属性。然而，从引用\[3\]中可以看出，这两个属性并不能直接实现我们期望的效果。一个替代的方法是使用模拟实现，即通过设置onclick事件为"return ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值