【BUG】iview多选框插件默认选中有问题,局部刷新后会取消选中状态?

新手上路,请多包涵

问题描述:我写了个购物车插件,是这样子的图片描述

其中那个多选框在我点击加入购物车和刷新页面时是可以默认选中的,但当我点击垃圾桶图标删除当商品后局部刷新后其它多选框的选中状态就取消了,我检查过数据没变,再次刷新页面选择框又会恢复选中状态。

我的代码:
多选框代码:

<Checkbox-group class="hostCheckBox" @on-change="checkedHost" v-model="hostData.titles">
                <Checkbox class="checkedBox" :label="hostData.title">
                    <span>{{hostData.title}}</span>
                </Checkbox>
            </Checkbox-group>

多选框对应的对象中的数据:

{
    title : val.title,
    titles : [val.title],
}
阅读 7.1k
1 个回答

代码有点少,不过我也遇到同样的问题,不知道你是不是for循环的结构,都可以加个key试试

https://cn.vuejs.org/v2/guide...对象迭代-v-for

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