像这样鼠标移开后,背景色就不见了,但是确实是选中了这条数据
这种就是点击了选中的行后背景变色在点击别的别的变色
代码:
<ele-pro-table
ref="tableRef"
row-key="userExtendId"
:columns="columns"
:rowClassName="rowClassName"
:custom-row="customRow"
:scroll="{ x: 350 }"
:datasource="datasource">
</ele-pro-table>
写在setup里面的:
//单击选择
/* 自定义行属性 */
const customRow = (record) => {
return {
// 行点击事件
onClick: (e) => {
// 移除
if(document.querySelector('.tableRefHover')){
document.querySelector('.tableRefHover').classList.remove('tableRefHover');
}
// 添加
e.target.parentNode.classList.add('tableRefHover');
result.value = record;
}
};
};