The multiple selection event of the table in element, how to select the row and change the color of the row?

clipboard.png
when I select these pieces of data, the color of these lines changes, and when canceled, the color returns to normal. Add a highlight to the table. In the multi-selection event @ select-change= "selectChange"
selectChange: function (val) {
this.currentRow = val
}
, it has nothing to do with the multi-selection event. Only when you click on this line, the highlight occurs.
just found that the highlight is for the current row. If you don"t need the highlight, how to achieve the color change for the multi-selection and multi-line?

Javascript css html5
Mar.19,2021

https://jsfiddle.net/L5do6L3k.

add style-related code to the click event of the check box: 

classclass

use row-style or row-class-name to add styles to selected lines 

  <el-table
    ref="table"
    :data="tableData"
    border
    :row-style="selectedHighlight"
    @selection-change="handleSelectionChange"
  >
  methods: {
    selectedHighlight(row) {
      if ( /*row is selected*/ ) {
        return {
          "background-color": "black"
        };
        return {}
      }
    },

see element document

because you reset every time

the problem of the landlord is solved; I have the same needs as you

Previous: The height after flex calculation is under Sogou 7.0. isn't the height of the child element calculated according to the parent element?

Next: What's the point of returning a function inside a function?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eadc66-5cf9d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eadc66-5cf9d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?