如何让van-checkbox 回显

van-checkbox 是基于 Vue.js 的复选框组件，可以通过 v-model 指令来实现回显效果。具体地，你可以将一个数组作为 v-model 的绑定值，然后将每个选项的 value 属性绑定到数组中对应的元素上，这样当选项被选中或取消选中时，对应的数组元素会被添加或移除，从而实现回显效果。以下是一个简单的示例：

<template>
  <div>
    <van-checkbox v-model="checkedList" :label="1">选项 1</van-checkbox>
    <van-checkbox v-model="checkedList" :label="2">选项 2</van-checkbox>
    <van-checkbox v-model="checkedList" :label="3">选项 3</van-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedList: [1, 2],
    };
  },
};
</script>

在上面的示例中，我们将一个数组 checkedList 作为 v-model 的绑定值，并将每个选项的 label 属性绑定到数组中对应的元素上。初始时，选项 1 和选项 2 被选中，因为它们的 label 值分别为 1 和 2，对应的数组元素也为 1 和 2。当用户点击选项 3 后，对应的数组元素会被添加到 checkedList 中，此时 checkedList 的值为 [1, 2, 3]，因此选项 1、2、3 都被选中。当用户再次点击选项 2 后，对应的数组元素会被移除，此时 checkedList 的值为 [1]，因此只有选项 1 被选中。