Vue根据条件更改列表明细某一行的背景颜色-简单实现

tabel中增加:row-style="tableRowStyle"

    <list-layout
      v-show="!showEditPage && !showDetailPage && !showRequestToOrderPage"
      ref="listPage"
      :pageData="pageData"
      :tabsList="tabsList"
      :current-edit-row="currentEditRow"
      :url="url"
      :row-style="tableRowStyle"
      @beforeHandleData="beforeHandleData"
      @afterChangeTab="handleAfterChangeTab" />

methods中增加tableRowStyle方法

        tableRowStyle ({ row, rowIndex }) {
            let rowBackground = {}
            if (row.cateCode=='G04')  {
                // 设置条件
                rowBackground.background = 'red'
                return rowBackground
            }
        }