vue中使用ant design vue的checked
今天有一个需求,后端给了俩条数据ckTeamAllMembers: ["琳", "克", "思", "符兴", "于", "胡方", "伍煜", "洪波", "均铨", "华"];taskSelectedMembers: ["符兴", "洪波", "伍煜", "思", "胡方"];需求就是让相同的值默认在checked的显示出来,但是不能点击,刚开始想的就是先把这俩个数组合并起来然后筛选不同的值出
·
今天有一个需求,后端给了俩条数据
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);
更多推荐
已为社区贡献15条内容
所有评论(0)