鍍金池/ 問答/HTML/ 我在vue+element ui中 Pagination分頁 中我的代碼無效呢？

我在vue+element ui中 Pagination分頁 中我的代碼無效呢？

我在vue+element ui中 Pagination分頁 中我的代碼無效呢？
附上我的代碼

    {{totalone}}
       <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage4"
           :page-sizes="[5, 10, 20, 30]"
           :page-size="5"
　　　　　　:total="totalone"> 
　　　　</el-pagination>
　　　　

{{totalone}}是我的總數據

我的頁面效果是這樣的

clipboard.png

我想每5條是一頁，但是我的沒有效果
在線等，請問是為什么呢？

回答
編輯回答
旖襯

element ui的分頁并不能幫你把數據切分，你需要手動處理你的數據

就是：比如你的總數據是listData,你可以在data里加一個pageData,這個用作頁面數據展示

pageData = listData.slice(當前頁每頁個數,(當前頁每頁個數)*每頁個數)

在你的handleSizeChange及handleCurrentChange函數里，都要觸發(fā)一次這個代碼

2017年4月12日 16:28
編輯回答
老梗

pagination 只是分頁選擇器 ，，，數據的展示多少需要在請求的時候，或者自己生成的時候去限制，而不是說你用el-pagination 就會給你把你的數據處理掉

2017年10月7日 19:27
編輯回答
有點壞

列表頁：

分頁組件：
  <page :page-data="pageData" v-on:pageEvent="pageChange" ></page>
 //分頁操作
            pageChange(data) {
                this.getList(data.pageSize，data.currentPage);
            },

分頁頁面：

 //改變每頁顯示條數size
            handleSizeChange(val) {
                let curData = this.pageData
                curData.pageSize = val
                this.$emit('pageEvent',curData)
            },
            //當前頁數
            handleCurrentPageChange(val) {
                let curData = this.pageData
                curData.currentPage = val
                this.$emit('pageEvent',curData)
            }
2017年1月4日 13:08
編輯回答
遲月

是這個嗎？

:current-page="currentPage"
2017年6月13日 03:58