Ant-Design-Vue中checkbox 设置初始选中失败

用v-for循环渲染checkbox的时候设置的checked属性不生效

代码

<a-checkbox-group>
    <a-row>
        <a-col
            v-for="item in member"
            :key="item.id"
            :span="6"
            style="margin: 5px 0;"
        >
            <a-checkbox :value="item.id" checked>{{ item.name }}</a-checkbox>
        </a-col>
    </a-row>
</a-checkbox-group>

想让这些复选框渲染出来的时候就是选中状态,checked, :checked="true", :defaultChecked="true"这几种写法都试过,但没用

阅读 17k
1 个回答

问题解决了,原因就在外面套的这层a-checkout-group上,把他去掉就好了,还有一个需要注意的地方,如果设置的是checked,渲染出来之后选中状态无法更改,需要用defaultChecked

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题