vue 根據字段狀態表格按行展示不同顏色

                                   vue 根據字段狀態表格按行展示不同顏色

       爲實現根據某字段不同狀態，表格按行展示不同顏色，主要包含如下部分：

<el-table :data="allData" :show-header="false" @selection-change="selsChange" style="width: 100%;" :row-class-name="status_change">
        <el-table-column type="selection" width="55">
        </el-table-column>
        <el-table-column type="index" width="60">
        </el-table-column>
        <el-table-column prop="Name" label="姓名"></el-table-column>
</el-table>

js: 

status_change: function (row) {
        if (row.row.aStatus === 0) {
          return 'table-info-row'
        }
 }

css：

.table-info-row td {
      color: #5daf34;
 }

      還可實現按列、按單元格展示不同顏色，可繼續參考如下博文：  https://blog.csdn.net/yang__k/article/details/81942548