根据后台返回信息给checkbox赋值

公司项目有个需求，用户在新建工单并且提交后在管理工单表格能修改自己的工单。项目是基于vue+element的。
在新建工单时候，因为是多选的，以数组传给后台，后台要求以[1,2,3]这样的格式传给他
所以在新建工单时候是
<el-form-item prop="contentIds" :rules="{ type: 'array', required: true, message: '请至少选择一个服务', trigger: 'change' }"> <el-checkbox-group v-model="form.contentIds"> <el-checkbox v-for="label in checkboxData" :label="label.id" :key="label.id" >{{label.name}}</el-checkbox> </el-checkbox-group> </el-form-item >
这是checkbox赋值以及formform:{ contentIds:[],//checkbox数组 content:'', contact:'', contactInformation:'' }, checkboxData:[{ id:'1', name:'a服务' }, { id:'2', name:'b服务' }, { id:'3', name:'c服务' }, { id:'4', name:'d服务' }, { id:'5', name:'e服务' },{ id:'6', name:'f服务' } ],
然后根据接口提交给后台，然后根据后台返回赋值<el-form-item prop='contentIds'> <el-checkbox-group v-model="contentIds" > <el-checkbox v-for="label in checkboxData" :label="label.id" :key="label.id" >{{label.name}}</el-checkbox> </el-checkbox-group> </el-form-item >
checkbox赋值和提交时候是一样的，但是后台返回的contentId的集合需要整理成数组形式赋值上去this.contentIds = res[0].workContentOrderKey.map(item => {return item.contentId})
因为后台返回给我的不是我想要的数组格式，这是后台返回的数据
这里有个问题，在提交时候我赋值的都是’1’,‘2’,'3’这样的格式，后台返回的是1,2,3，map出的数组也是，所以一开始赋值不上，后来才发现格式问题，把修改时候的赋值换成后台返回的格式就赋值上了！