各位大佬,有没有什么方法可以让el-table根据状态显示不同的鼠标悬浮高亮色,我现在已经用:row-class-name设置好状态了,但是鼠标悬浮在某一行的时候,高亮都是一个色,现在想要的是不同状态鼠标悬浮不同的高亮色,请问应该怎么搞?
对应文档:https://element.eleme.cn/#/zh-CN/component/table
可以给row-class-name绑定一个函数,然后根据函数的row参数判断你数据的不同状态返回不同的类名即可
你是指鼠标状态不一样(pointer手指 、default箭头等等),高亮颜色也不一样吗?
在table上绑row-style,里面写根据rowIndex添加背景色
监听table的cell-mouse-enter事件可以知道行数
知道行数后,把行数存在data()里,调用this.$forceUpdate()强制刷新,就会重新调用row-style的方法,行数和rowIndex相等的添加背景色
如果没刷新的话,随便修改下数据去触发刷新,this.$nextTick中改回来
不同颜色可以在row-style里,生成随机数,加rgb格式的背景色