a-checkbox-group 赋值后不能点击问题

最新推荐文章于 2024-08-15 11:10:34 发布

hy_ethel

最新推荐文章于 2024-08-15 11:10:34 发布

阅读量3.1k

点赞数 5

分类专栏： problems 文章标签： vue

本文链接：https://blog.csdn.net/hy_ethel/article/details/109100843

版权

problems 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

"博客讨论了在Vue中使用<a-checkbox-group>组件时遇到的问题，即多选框默认值在重新选择后未能正确更新页面显示。解决方案是将v-model从二级字段"data.channel"改为一级字段"channel"，并在变更事件onCheckboxChange中同步值到"data.channel"，确保视图和数据的一致性。"

摘要由CSDN通过智能技术生成

问题：
编辑时，多选框会默认赋值，在重新选择后，打印的数据为新数据，但页面上选值没有变。

<a-checkbox-group
	v-model="data.channel"
	:options="plainOptions"
	@change="onCheckboxChange"
 />

如图： 在这里插入图片描述

解决：
v-model 是二级字段，修改 v-model 为一级字段可解决，即 v-model="data.channel" 修改为 v-model="channel" ，然后在 onCheckboxChange() 再把值赋给 data.channel 。