美文网首页
table组件实现序号连续

table组件实现序号连续

作者: 沃德麻鸭 | 来源:发表于2021-08-19 15:09 被阅读0次

1.首先基本的序号显示

实现步骤:在  el-table-column  标签中添加 type='index'  属性,但是要注意的是,每一页的序号均是从0开始排序

2.在table组件中,有一个专门给 table-column 设置的属性: index

属性详情

这时就需要给序号这列双向绑定 index 属性 ,属性的值是一个函数,函数的参数是索引值   index

:index的值是一个自定义索引函数

3.在methods里面封装  typeIndex  函数

具体实现思路

4.最终实现的效果

第一页 第二页

相关文章

网友评论

      本文标题:table组件实现序号连续

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