企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>VUE知识学习>正文

vue中的表格el-table序号翻页连续问题

2024-04-08 19:02:31 浏览 1941

html代码部分:

<!--这里绑定一个方法,将返回值赋给index,即表格每行数据的下标 -->
<el-table-column  type="index"  fixed="left" align="center" :index="table_index">
</el-table-column>

js处理函数部分

methods: {
      table_index(index){
              return (this.currentPage-1) * this.pageSize + index + 1
      }
}

其中:this.currentPage为当前页码,this.pageSize为每页数据条数。
网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音