Ant Design a-checkbox-group组件默认勾选不生效问题

最新推荐文章于 2024-08-16 14:48:10 发布

qq_40738370

最新推荐文章于 2024-08-16 14:48:10 发布

阅读量2k

点赞数

文章标签： html 前端 css

本文链接：https://blog.csdn.net/qq_40738370/article/details/127108576

版权

经排查是为了获取到组件中到底勾选用了哪些选项，选择使用了v-modle属性，影响到了default-value的默认勾选

<a-checkbox-group
            :v-model="selPubTypes"
            :default-value="defaultValue"
            :options="options"
            @change="(value) =>onOpenChange(value)"
            style="flex-direction: column;display: flex;justify-content:center"
          >

实测，该组件在绝大多数情况下不如直接循环<a-checkbox>,能更好的定义所需的样式，代码逻辑与bug排查也相对有迹可循

<a-row v-for="(item,index) in options">
                <a-checkbox :value="item.value" :checked="item['isChecked']" @click="onChange(index)" >
                  {{item.label}}
                </a-checkbox>
</a-row>