vant复选框传值出现问题，以前没用过，现在遇到传值出现问题，百度娘也没搜出来答案！

Question

    <van-checkbox-group v-model="form.naLeiBuXi" v-show="noshownabuxi">
      <p>C04.你上小学前参加过哪类课外学习班？（可多选）</p>
      <van-grid :column-num="2" clickable :center="false">
        <van-grid-item>
          <van-checkbox name="0">乐器类（钢琴、古筝等）</van-checkbox>
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="1">文化课类（英语、数学、语文等）</van-checkbox>
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="2"
            >体美类（武术、跆拳道、游泳、戏曲、舞蹈、画画、书法等）</van-checkbox
          >
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="3">棋类（围棋、象棋、国际象棋等）</van-checkbox>
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="4">小学前从来没有上过</van-checkbox>
        </van-grid-item>
      </van-grid>
    </van-checkbox-group>

data() {
    return {
      title: "操作",
      form: {
        naLeiBuXi:[]
      },

结果报错 ：Invalid prop: type check failed for prop "value". Expected Array, got String with value "["0","1","3","2"]".
说什么接受的是数组，但是传来的却是字符串

官方文档：

Vant - Mobile UI Components built on Vue Mobile UI Components built on Vue https://youzan.github.io/vant/#/zh-CN/checkbox

问题：现在不知道该怎么给它传一个数组，即使将接受的数组改成字符串也会报错，咋办啊！

Answer 1

试了一下，正常，并无报错。

<template>
  <div>
    <van-checkbox-group v-model="form.naLeiBuXi">
      <p>C04.你上小学前参加过哪类课外学习班？（可多选）</p>
      <van-grid :column-num="2" clickable :center="false">
        <van-grid-item>
          <van-checkbox name="0">乐器类（钢琴、古筝等）</van-checkbox>
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="1">文化课类（英语、数学、语文等）</van-checkbox>
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="2"
            >体美类（武术、跆拳道、游泳、戏曲、舞蹈、画画、书法等）</van-checkbox
          >
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="3">棋类（围棋、象棋、国际象棋等）</van-checkbox>
        </van-grid-item>
        <van-grid-item>
          <van-checkbox name="4">小学前从来没有上过</van-checkbox>
        </van-grid-item>
      </van-grid>
    </van-checkbox-group>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data() {
    return {
      form: {
        naLeiBuXi: ['0','1','2','3','4'],
      },
    };
  },
  methods: {
    change(val) {
      console.log(val);
    },
  },
  created() {},
};
</script>

<style scoped>
</style>