vue 修改表格 单行格式

转载：https://www.jianshu.com/p/1b064d08d1d5

产品需求是 提示操作人手动修改订单
效果

 

 

饿了么 提供了api
row-style

<el-table
            v-loading="searchLoading"
            ref="table"
            :data="tableData"
            border
            :row-style="rowstyle"
        >
</el-table>
methods:{
rowstyle({ row, rowIndex }) {
            console.log(row, rowIndex);
            let stylejson = {};
            if (row.spu_id == "349") {
                stylejson.background = "#e0838f";// 背景颜色
// 也可以修改文字颜色 
                stylejson.color='green' ;
                return stylejson;
            } else {
                return "";
            }
        },
}

 

   

标签：vue,return,表格,修改,stylejson,rowIndex,单行,颜色,row
来源： https://www.cnblogs.com/Galesaur-wcy/p/15806389.html