一種是資料量少的時候，後端將全部資料給到你，你來進行分頁功能 需要將全部資料傳過來 pagedata
進行選擇設定每頁條數 pagecurrent
每頁顯示的條數 pagesize
頁碼 b_current
後台寫分頁功能的時候，需要給你傳過來資料的總條數，用於展示和計算資料條數和當前頁數的計算 total
="block"
>
="page-desc"
>共
}條記錄 第}/
}頁<
/div>
="block-page"
>
background
@size-change=
"handlesizechange"
@current-change=
"handlecurrentchange"
:current-page=
"current"
:page-sizes=
"pagecurrent"
:page-size=
"pagesizes"
layout=
"total, sizes, prev, pager, next, jumper"
:total=
"total?total:pagedata.length"
@prev-click=
"prevclick"
@next-click=
"nextclick"
>
<
/el-pagination>
<
/div>
<
/div>
<
/template>
export
default},
computed:
else}}
, methods:
,handlecurrentchange
(val)
,prevclick()
)},nextclick()
)}},
created()
)}, watch:)}
,current
(val))}
,b_current
(val)},
}<
/script>
"less" scoped>
/* 設定分頁元件的一些響應式問題 */
.block
}.el-pagination
/deep/
.el-pager
@media
(max-width:
768px)
.el-pagination
.page-desc
/deep/
.el-pagination__sizes
}@media
(max-width:
820px)
}@media
(max-width:
450px)
/deep/
.el-message-box
}<
/style>
"keywordlistdata"
:pagecurrent =
"[10,20,50,100]"
:total=
"total"
:pagesize=
"pagesize"
:b_current=
"b_current" v-on:getargument=
"getargument"
/>
jquery封裝之 css封裝
我之間我的部落格裡面有提到，自定義的庫和jquery庫是水火不相容的，其實在我學習了css封裝後，我算是大徹大悟。在前面的時候我提到，獲取節點，要用到繁瑣的getid,getclass,gettagname.今天學習了css封裝，我們也可以簡化js 設定 我自己定義的base.js 前台呼叫 var...
外掛程式 之封裝
比方說 乙個 加 的外掛程式 function jquery add 5,6 呼叫方法 tab 欄切換 功能 function tab function options 把options中的屬性，把對應屬性的值賦給defaults對應的屬性 defaults.tabmenu options.tabm...
js之ajax的封裝
上節講了ajax的作用好處即流程為的就是去封裝ajax，那.那該怎麼封裝ajax呢？封裝方法，傳參是個很大的問題！在這裡，我們應該傳幾個引數呢？首先我們肯定要傳乙個請求方式get或post method 然而json資料也是必不可少的，其次就是需要傳入乙個url路徑了，在者就需要乙個成功的 和乙個失...