ant-design-vue checkbox checked不生效

在Ant Design Vue中遇到checkbox选中状态不生效的问题。原因可能在于value值不一致或使用了value而非defaultValue。对于checkbox group,应当使用defaultValue设定初始选中项,而checked在group中无效。此外,使用:value会导致选中状态无法更改,应使用defaultValue确保后期可调整。
摘要由CSDN通过智能技术生成

ant-design-vue checkbox checked不生效

https://segmentfault.com/q/1010000018981910

功能要求根据后台返回的数据,显示成几组checkbox,编辑时要根据返回的数据反显。因为保存时后端要前端给他 label的中文值,英文值,checkbox的option项的中文值英文值,对于我这种小渣渣还是挺费劲的,导致好不容易能保存成功数据,但反显时要么不显示,要么显示后不能再更改。经查证

不能反显的原因是:每个option拼接的value值“英文名称-中文名称”,有时就不太能识别,所以要仔细对比 返回的value值和checbox中的value值是否一致,数据类型是否一样。

另一点需要注意的是,a-checkbox默认选中使用checked,defaultChecked;而a-checkbox-group使用value,defaultValue!!!!a-checkbox-group中使用checked和defaultChecked不生效!!!!!

显示后不能更改:是我在checkbox中使用了:value属性而不是:defaultValue属性,使用value,选中的checkbox不能再更改了,使用defaultValue表示初始默认值,后面可以根据需要再更改选择。

一、checkbox

1、checkbox基本用法

/* checkbox */
<template>
  <
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值