美文网首页
vue+element 实现table 某一行变色

vue+element 实现table 某一行变色

作者: 哼_ | 来源:发表于2020-11-16 18:30 被阅读0次

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


    效果图

    饿了么 提供了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+element 实现table 某一行变色

          本文链接:https://www.haomeiwen.com/subject/ususcktx.html