element-ui 怎么解决el-checkbox label绑定为对象时,无法默认勾选

上代码

<ul>

      <el-checkbox-group v-model="checkBoxList" @change="handleCheckChange">
        <li
          v-for="(item, index) in dataList"
          :key="index"
        >
          <el-checkbox
            :label="item"
            :checked="item.isChecked"
          >{{item.csName}}</el-checkbox>
        </li>
      </el-checkbox-group>
    </ul>

checkBoxList为初始时接口返回给我的已选的数据,dataList为左侧检索到的数据,这时我在左侧检索到相同的数据,无论是点击还是直接给:checked赋值为true都勾选不上,点击别的数据就可以(就是右边没有的)求解这个是什么怎么回事?必须给label绑定对象的方式,不能用绑定id的方式。

image.png

阅读 8.4k
2 个回答

li 标签换成 template 试试

新手上路,请多包涵

老哥,解决了吗?我这也遇到相同问题。

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