elementUI分頁測試頁面簡單封裝

2022-08-09 19:54:20 字數 797 閱讀 1472

elementui分頁簡單封裝( 自己寫的資料沒有介面 )

樣式只是ui框架中的樣式,沒有改為什麼沒改因為不會改。。。簡單的封裝了下,太深的操作還沒有領悟到

封裝一點一點學,**一點一點優化

注:不要忘了更換資料也就是**繫結的那個陣列

**元件( 注釋全部都在**上了 )

:data="ary">

column

label="使用者姓名"prop="name"width="180"

>

@boom="boom">

分頁元件( 注釋全部都在**上了 )

@size-change="handlesizechange"

@current-change="handlecurrentchange"

:current-page.sync="currentpage1"

:page-size="pagelist"

layout="total, prev, pager, next"

:total="total"

@click.native="pagefunction()"

>

element ui重新整理頁面時保留當前分頁。

vue專案中用element ui元件的pagination元件,當手動重新整理頁面時當前頁會回到預設選中效果,一般會回到第一頁,如何重新整理時讓記住重新整理前的頁面,讓重新整理後的頁面不變呢?做狀態的本地儲存,通過在localstorage中儲存你的頁碼資訊,在頁面元件初始化的時候獲取本地儲存的資...

Element UI 的分頁元件

sizechange size 當使用者單擊任意頁碼或實現頁面跳轉時會觸發current page屬性的變化。currentchange current 擷取頁數 woekeralldata.slice pagenumber currentchangeindex 1 pagenumber curre...

element ui實現前端分頁

element ui裡的分頁元件 size change handlesizechange current change handlecurrentchange current page page page sizes 20,50,100 background page size limit lay...