关于iview的复选框与前后台交互问题

静态页面
<checkbox-group v-model="pageItem.stu_batch">
  <Checkbox label="1">综合院校</Checkbox>
  <Checkbox label="2">提前批招生</Checkbox>
  <Checkbox label="3">无批次招生</Checkbox>
  <Checkbox label="4">第一批次招生</Checkbox>
  <Checkbox label="5">第二批次招生A</Checkbox>
  <Checkbox label="6">第二批次招生B</Checkbox>
  <Checkbox label="7">第三批次招生A</Checkbox>
  <Checkbox label="8">第三批次招生B</Checkbox>
</checkbox-group>

//渲染页面的数据
pageItem:{
stu_batch:[], //定义为数组（官方api为数组）
}

与后台交互的对象（需要与前面pageItem进行赋值）
pageItemAddAndUpd: {
stu_batch:"",//因为我这边后台接收的为字符串
}

//这里赋值需要进行判断（因为如果是返回时空值没有填数据的话需要进行判断）
if(response.data.datalist[0].stu_batch==""||response.data.datalist[0].stu_batch==null){
  this.pageItem.stu_batch = [];
}else{
  this.pageItem.stu_batch = JSON.parse(response.data.datalist[0].stu_batch);
}

//这里是保存操作

this.pageItemAddAndUpd.stu_batch = JSON.stringify(this.pageItem.stu_batch)//需要将数组转化成字符串进行后台保存