概述
场景：列表的第一列为序号，为保护数据信息，防止恶意爬虫，不能把后端给的id直接显示想到这里；
实现序号加一
解决：通过动态绑定属性 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>
methods中:
rowClassName({row, rowIndex}) {
//把每一行的索引加一放进row.id
row.id = rowIndex+1;
}
最后
以上就是聪慧柜子为你收集整理的关于element-ui中el-table组件的序号问题？的全部内容，希望文章能够帮你解决关于element-ui中el-table组件的序号问题？所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复