饿了么UI中el-table常用翻页校验和序号递增功能的实现步骤
一般情况下,在后台管理系统中,都会有校验功能和翻页功能。本文记录了比较常见的翻页对勾函数和翻页序号递增函数的实现。翻页复选标记功能的第一步和第二步是
/template>第三步methods:{/*第三步,我们一般使用id作为每一行数据的特殊标识,所以这里返回该行下面的id作为标识。当然,不返回行下面的id也可以,只要能保证某个字段唯一,不会重复,就可以返回返回行下面的字段。*/getRowKey(row){console.log("查看每一行的数据",row);返回行号;},}翻页序号递增函数翻页序号递增函数不像翻页刻度保留函数那样需要对每条数据进行标记,而是通过计算得出的。Step1
第二步methods:{//序号翻转递增indexMethod(index){console.log('索引号下标',index)letnowPage=this.tablePages.pageIndex;//当前页数,根据组件的值letnowLimit=this.tablePages.pageSize;//每页当前显示多少条,根据组件的值返回index+1+(nowPage-1)*nowLimit;//这里理解成一个公式},}好记性不如烂笔头