今天有一个需求,后端给了俩条数据

ckTeamAllMembers: ["琳", "克", "思", "符兴", "于", "胡方", "伍煜", "洪波", "均铨", "华"];
taskSelectedMembers: ["符兴", "洪波", "伍煜", "思", "胡方"];

需求就是让相同的值默认在checked的显示出来,但是不能点击,刚开始想的就是先把这俩个数组合并起来然后筛选不同的值出来,这样就可以了。

这里边不能使用:default-value
要使用value
<a-checkbox-group
  @change="onChange"
  disabled
  :options="arrDataQuarey"
  :value='sameData'
  style="margin-left: 150px" >
  <span slot="label" slot-scope="{ value }" style="color: red">{{ value }}</span>
</a-checkbox-group>
data () {
	return {
		arrDataQuarey: [],
		taskSelectedMembers: [],
		sameData: []
	}
}
 this.arrDataQuarey = res.result.ckTeamAllMembers;
 this.taskSelectedMembers = res.result.taskSelectedMembers;
 // 合并这俩个数组
 let checkedData = this.arrDataQuarey.concat(this.taskSelectedMembers);
 console.log('checkedData',checkedData)
 var cc = checkedData.filter((item,index,arr) => {
 // indexof的意思就是获取第一次出现的位置
   if (arr.indexOf(item) !== index) {
   // 如果等于的话就不是筛选的值了,不等于才是筛选的值
     return arr.indexOf(item) !== index;
   }
 })
 this.sameData = cc;
 // 筛选出来的每一个数据
 console.log(this.sameData);
Logo

前往低代码交流专区

更多推荐