android短视频开发，后台各个管理页面的分页管理

1.结构

        <!-- 分页 --><br>        <el-pagination<br>          @size-change="handleSizeChange"<br>          @current-change="handleCurrentChange"<br>          :current-page="queryInfo.pagenum"<br>          :page-sizes="[2, 5, 10, 15]"<br>          :page-size="queryInfo.pagesize"<br>          layout="total, sizes, prev, pager, next, jumper"<br>          :total="total"<br>        ><br>        </el-pagination>

2.逻辑

    data() {<br>      return {<br>        //请求参数<br>        queryInfo: {<br>          type: 3,<br>          //当前页数<br>          pagenum: 1,<br>          //指定当前页数显示的数目<br>          pagesize: 5,<br>        },<br>        goodsList: [],<br>        //总数据<br>        total: 0,<br>      }<br>    }<br> <br>  methods: {<br>      //获取商品分类数据<br>      async getGoodsCate() {<br>        const { data: res } = await this.$http.get("categories", {<br>          params: this.queryInfo,<br>        })<br>        if (res.meta.status !== 200) {<br>          this.$message.error("获取参数失败")<br>        }<br>        this.total = res.data.total<br>        this.goodsList = res.data.result<br>        //console.log(this.goodsList)<br>      },<br>      //监听每页的条数<br>      handleSizeChange(pagesize) {<br>        // console.log(`每页 ${val} 条`)<br>        this.queryInfo.pagesize = pagesize<br>        this.getGoodsCate()<br>      },<br>      //监听当前页数<br>      handleCurrentChange(pageNum) {<br>        this.queryInfo.pagenum = pageNum<br>        this.getGoodsCate()<br>      },<br>    },

以上就是android短视频开发，后台各个管理页面的分页管理，更多内容欢迎关注之后的文章