在使用iview组件库的checkBox多选框组件时控制台报错,如下图:
请添加图片描述yuan

报错内容就是期望获取到的是一个数组,得到的却是字符串,
原因是多选框的值是数组,我写的字符串

html

<CheckboxGroup v-model="innerValue" @on-change="checkBoxChange">
    <Checkbox :label="item.value" v-for="item in checkBoxList" :key="item.id">
      <span>{{item.name}}</span>
    </Checkbox>
  </CheckboxGroup>

js

export default {
  data(){
    return {
      innerValue:[],
      checkBoxList:[],
    }
  },

把innerValue:‘’,改成innerValue:[]就好了

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐