要素コンポーネントでページ付けを使用してページ付けについて学習する

効果を実現します。

:total="this.memberAdvice.length * 1" 

 上記のコードは次のことを意味します。コンポーネントの合計は、現在の配列の長さが文字列型に1を掛けて数値型に変換することによって得られるため、現在の配列の長さ*1に等しいことを意味します。

    <el-row>
      <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        layout="total, prev, pager, next"
        :total="this.memberAdvice.length * 1"  
        :page-size="pageSize"
        align="center"
        class="fenye"
      ></el-pagination>
    </el-row>

見返りに：

      currentPage: 1, //初始页
      pageNum: 1, //页码
      pageSize: 10, //每页显示的条数
      total: 0, //数据的总数,

メソッドでプロパティメソッドを定義する 

    /*初始页currentPage、初始每页数据数pagesize和数据data*/
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
      //改变每页显示的条数
      this.PageSize = val;
      this.queryList(); //刷新列表的数据
    },
     /*  当前页变化 */
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      this.pageNum = val;
      this.queryList(); //刷新列表的数据
    },