javascript - 在 vuejs 中选中项目行表复选框时突出显示

Question

我使用了来自 vue typescript admin 和 element-ui 的代码，并且highlight-current-row在我检查复选框项目表后将使用属性。当代码highlight-current-row添加属性表时，在单选中工作。但是当在复选框上添加多项选择时，它不起作用

如何在VueJS中的行项目表中选中复选框后突出显示？我在图书馆没找到

https://element.eleme.io/#/en-US/component/table#single-select

https://element.eleme.io/#/en-US/component/table#multiple-select

谢谢之前

标签： javascripttypescriptvue.jselement-ui

Answer 1

这是一个完全符合您要求的代码笔： https ://codepen.io/Andugal/pen/oNjqGWN

它使用:row-class-namefrom Table 和element-ui 文档中的状态。并听取select事件。