場景：列表的第一列為序號，為保護數(shù)據信息，防止惡意爬蟲，不能把后端給的id直接顯示想到這里；
解決：通過動態(tài)綁定屬性 row-class-name 。
templete:
<el-table :data="tableData3" height="550" style="width: 100%;background: transparent" @row-click="device_detail" :row-class-name="rowClassName">
<el-table-column prop="id" label="序號" width="180"></el-table-column>
</el-table>
script:
rowClassName({row, rowIndex}) {
//把每一行的索引放進row.id
row.id = rowIndex+1;
}
效果：
效果圖
很多人第一反應想到的是row-click方法，一般情況下row-click方法只能獲取該行數(shù)據；
用row-class-name給每一行都加上行號index。
