概述
如果 element-ui table 需要显示索引，增加一列 el-table-column，设置 type 属性为 index 即可；默认显示从 1 开始的索引号。翻页序号不会递增还是从 1 开始
<el-table-column type="index"/>element-ui table 翻页序号递增设置 type="index"，通过 index 属性来自定义索引
<!-- 模拟代码 -->
<el-table-column type="index" :index="indexMethod" />
<script>
export default {
data() {
return {
page: {
pageIndex: 1,
pageSize: 10,
}
}
},
methods: {
indexMethod(index) {
const pageIndex = this.page.pageIndex // 当前页
const pageSize = this.page.pageSize // 每页条数
return index + 1 + (pageIndex - 1) * pageSize
}
}
};
</script>最后
以上就是调皮发卡为你收集整理的element-ui table 翻页序号递增的全部内容，希望文章能够帮你解决element-ui table 翻页序号递增所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复