component下封裝公共子元件
class=""
class
="pagination-container"
>
"background"
:current-page.sync=
"currentpage"
:page-size.sync=
"pagesize"
:layout=
"layout"
:page-sizes=
"pagesizes"
:total=
"total" v-bind=
"$attrs" @size-change=
"handlesizechange"
@current-change=
"handlecurrentchange"
/>
<
/div>
<
/template>
import
from
"@/utils/scroll-to"
;export
default
, page:
, limit:
, pagesizes:,}
, layout:
, background:
, autoscroll:
, hidden:,}
,// 在定義2個計算屬性 乙個為當前頁多少條資料，乙個為第幾頁，因為會改變這2個值 所以設定了set屬性
computed:
,set
(val),}
, pagesize:
,set
(val),}
,},// 在定義2個方法 乙個改變頁數，乙個當前頁多少條資料
methods:);
// if (this.autoscroll) },
handlecurrentchange
(val));
// if (this.autoscroll) },
},};
<
/script>
.pagination-container
.pagination-container.hidden
<
/style>
<
!-- 分頁子元件 --
>
v-show=
"total > 1"
:total=
"total"
:page.sync=
"searchquery.current"
:limit.sync=
"searchquery.size"
@pagination=
"getdatelist"
/>
<
/div>
<
/template>
import pagination from
"@/components/pagination/index"
;// 分頁
export
default
,data()
, total:0,
}}, methods:}}
<
/script>
"less" scoped>
<
/style>
el pagination實現分頁功能
size change handlesizechange sizepage 改變時會觸發的事件 background 是否為分頁按鈕新增背景色 boolean 預設false current change handlecurrentchange currentpage 改變時會觸發的事件 curre...
IBatis的分頁研究 sql分頁
在看jpetstore的 時，發現它的分頁處理主要是通過返回paginatedlist物件來完成的。如 在catalogservice類中public paginatedlist getproductlistbycategory string categoryid 分頁是運算元據庫型系統常遇到的問題...
IBatis的分頁研究 sql分頁
在看jpetstore的 時，發現它的分頁處理主要是通過返回paginatedlist物件來完成的。如 在catalogservice類中public paginatedlist getproductlistbycategory string categoryid 分頁是運算元據庫型系統常遇到的問題...