Html 使用外部复选框仅选择JSVue中突出显示的行

我想知道是否可以只选中VueJS中多个高亮显示行的复选框。我不相信我有任何可靠的答案，除了网格本身和使用shift键选择多行的能力。我搜索了不同的函数，似乎都指向选择所有的行，而不仅仅是突出显示

[v-斗篷]{
显示：无；
}
.编辑{
显示：无；
}
.编辑.编辑{
显示：块；
}
.编辑.查看{
显示：无；
}
#lab1{
文本对齐：左对齐；
}
#lab2{
文本对齐：左对齐；
}
#lab3{
宽度：130px；
文本对齐：左对齐；
}
.btn{
左边距：25px；
}
#添加按钮{
文本对齐：右对齐；
}
.输入容器{
溢出：隐藏；
}
.AddFCBlock{
显示：内联块；
}
.AddFCBlock>标签{
位置：相对位置；
宽度：100%；
}
[id^=“Main Th”]：hover.toolTipText{
能见度：可见；
}
#占位符1{
位置：绝对！重要；
显示：无；
文本对齐：左对齐；
背景色：#ffffff；
边框：1px纯红；
}
#占位符2{
位置：绝对！重要；
显示：无；
文本对齐：左对齐；
背景色：#ffffff；
边框：1px纯红；
}
.蓝背景{
背景色：#ccffff；
}
.工具提示内部{
字体大小：150%；
}
.选定{
背景：浅绿色
}
.AddFCBlock{
显示：内联块；
浮动：左；
}
.AddFCBlock>标签{
位置：相对位置；
宽度：100%；
}
.右键单击菜单{
显示：块；
溢出y：滚动；
位置：顶部；
z指数：9999；
背景：#FAFAFA；
}
.右键单击菜单li{
边框底部：1px实心#e0；
保证金：0；
填充：5px35px；
}
.右键单击菜单li：最后一个孩子{
边框底部：无；
}
.右键单击菜单li:悬停{
背景：#1E88E5；
颜色：#FAFAFA；
}
.模态掩码{
位置：固定；
宽度：100%；
身高：100%；
背景色：rgba（0,0,0,0.5）；
左：0；
排名：0；
z指数：9998；
}
#主表{
最大高度：500px；
溢出y：滚动；
排名：0；
}
#子表{
最大高度：500px；
溢出y：滚动；
排名：0；
}
thead th{
位置：粘性；
职位：-网络工具包粘性；
排名：0；
背景：白色；
z指数：10；
}
th{
位置：粘性！重要；
排名：0；
}

标记为已售出
推迟决定
激活
删除

删除
Pend


删除
激活

推迟决定
激活
删除
辅助和码
辅助和代码描述
和码
和码说明
Fam代码
Sec代码
GTIN描述
GTIN
地位
编辑
{{fcStructureItem.superSummaryCd}
{{fcStructureItem.superSummaryDesc}
{{fcStructureItem.summaryCd}
{{fcStructureItem.summaryDesc}}
{{fcStructureItem.couponFamilyCode}}
{{fcStructureItem.oldCouponFamilyCode}}
{{fcStructureItem.tradeItemDescription}
{{fcStructureItem.gtin}
{{fcStructureItem.status}
编辑