element-ui中el-table组件的行号

场景：

列表的第一列为序号，为保护数据信息，防止恶意爬虫，不能把后端给的id直接显示想到这里；

解决：

通过动态绑定属性 row-class-name 。

templete：

script:

rowClassName({row, rowIndex}) {
    //把每一行的索引放进row.id
    row.id = rowIndex+1;
}

效果：

很多人第一反应想到的是row-click方法，一般情况下row-click方法只能获取该行数据；
用row-class-name给每一行都加上行号index。