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


    <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"]".
说什么接受的是数组,但是传来的却是字符串

官方文档:

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

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

<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>