怎样在关闭标签的同时取消表格选中状态?

作者站长头像
站长
· 阅读数 9

当多选框选中时对应的姓名以标签的形式出现在下面已选人员中(已实现),怎样在关闭标签的时候同时取消表格选中状态怎样在关闭标签的同时取消表格选中状态?当点了标签的叉之后,标签关闭了,但是表格还是选中状态怎样在关闭标签的同时取消表格选中状态?

//标签数组
const dynamicTags:any = ref([])
//关闭标签
const handleClose = (tag: string) => {
    dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1)
}

const tableRef = ref<InstanceType<typeof ElTable>>()
//获取选中的行
const change = () => {
    const rows: any[] = tableRef.value?.getSelectionRows()
    for(let item of rows){
        dynamicTags.value.push(item.nickName)
    }
    console.log(dynamicTags.value);
}
回复
1个回答
avatar
test
2024-07-15

你关闭标签的事件handleClose中加一下取消表格选中状态的逻辑,根据标签名获取下是哪一行数据,然后调用toggleRowSelection取消选中answer image

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容