通过给 type=index 的列传入 index 属性,可以自定义索引。该属性传入数字时,将作为索引的起始值。也可以传入一个方法,它提供当前行的行号(从 0 开始)作为参数,返回值将作为索引展示。文章来源地址https://www.toymoban.com/news/detail-745109.html
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
type="index"
:index="indexMethod">
</el-table-column>
</el-table>
</template>
<script>
export default{
return{
//查询条件
listQuery:{
page:1,//当前页
limit:20,//每页显示的数据量
}
},
methods: {
indexMethod(index) {
return (this.listQuery.page=-1)*this.listQuery.limit+index+1
},
}
}
</script>
文章来源:https://www.toymoban.com/news/detail-745109.html
到了这里,关于【Vue-Element-Admin】table添加自定义索引的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!