静态页面 <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)//需要将数组转化成字符串进行后台保存