摘要:項(xiàng)目背景做列表頁(yè)時(shí)不可避免會(huì)用到分頁(yè)親愛(ài)的們啊現(xiàn)在發(fā)放福利嘍直接安裝使用還有木有更方便的了哈哈這是一個(gè)基于的組件話不多說(shuō)直接開(kāi)擼地址當(dāng)頁(yè)數(shù)小于包括頁(yè)頁(yè)數(shù)大于頁(yè)首頁(yè)或尾頁(yè)頁(yè)之內(nèi)顯示正在研究怎么做出一個(gè)發(fā)布到網(wǎng)上后續(xù)會(huì)發(fā)地址安裝傳
項(xiàng)目背景
做列表頁(yè)時(shí),不可避免會(huì)用到分頁(yè),親愛(ài)的們啊,現(xiàn)在發(fā)放福利嘍!
npm直接安裝使用,還有木有更方便的了,O(∩_∩)O哈哈~
這是一個(gè)基于vue的paginator組件,話不多說(shuō),直接開(kāi)擼github地址: vue-paginator-simple
當(dāng)頁(yè)數(shù)小于999(包括999)頁(yè)
頁(yè)數(shù)大于999頁(yè)
首頁(yè)或尾頁(yè)disabled
10頁(yè)之內(nèi)顯示
正在研究怎么做出一個(gè)demo發(fā)布到網(wǎng)上,后續(xù)會(huì)發(fā)demo地址
npm安裝npm install vue-paginator-simple --save-devProps傳參
pageCount //總頁(yè)數(shù)
[initPage] //初始頁(yè),選填(場(chǎng)景舉例: URL直接指向第三頁(yè))
Event監(jiān)聽(tīng)事件@togglePage //切換頁(yè)面,本組件會(huì)返回當(dāng)前點(diǎn)擊的頁(yè)數(shù)
Usage用法Code源碼 vue-paginator-simple 分頁(yè)組件 paginator.vue
- 上一頁(yè)
- 1
- ...
- {{index+offset}}
- ...
- {{pageCount}}
- 下一頁(yè)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/86810.html
摘要:初始化項(xiàng)目使用初始化項(xiàng)目安裝項(xiàng)目結(jié)構(gòu)如下接口所有接口對(duì)封裝接下來(lái)對(duì)進(jìn)行封裝,加上中間件實(shí)現(xiàn)類(lèi)似于攔截器的效果。 Graphql嘗鮮 在只學(xué)習(xí)graphql client端知識(shí)的過(guò)程中,我們常常需要一個(gè)graphql ide來(lái)提示graphql語(yǔ)法,以及實(shí)現(xiàn)graphql的server端來(lái)進(jìn)行練手。graphql社區(qū)提供了graphiql讓我們使用 graphiql (npm):一個(gè)交互...
摘要:項(xiàng)目背景圖片輪播是前端項(xiàng)目必有項(xiàng),當(dāng)前有很多效果很酷炫的輪播插件,例如。此處應(yīng)該有掌聲,哈哈簡(jiǎn)而言之,就是當(dāng)需要一個(gè)簡(jiǎn)單的輪播時(shí),可以選用,自己寫(xiě)一個(gè)組件。舉個(gè)栗子,就是我實(shí)現(xiàn)的這個(gè)基于實(shí)現(xiàn)分頁(yè)組件,移動(dòng)端和端均適用哦。 項(xiàng)目背景 圖片輪播是前端項(xiàng)目必有項(xiàng),當(dāng)前有很多效果很酷炫的輪播插件,例如Swiper。但是當(dāng)項(xiàng)目中的圖片輪播只需要一個(gè)很簡(jiǎn)單的輪播樣式,比如這樣的showImg(ht...
摘要:基于的移動(dòng)端的圖片輪播組件之前一直在用功能很齊全但是唯一的問(wèn)題就是體積比較大我只是想要一個(gè)簡(jiǎn)單的圖片輪播但是卻要引入多大小的文件這樣是不對(duì)的特點(diǎn)支持自動(dòng)播放無(wú)限輪播效果支持用戶手動(dòng)滑動(dòng)壓縮后大概使用在入口文件中引入暫時(shí)不支持單組 wc-swiper 基于 Vue 的移動(dòng)端的圖片輪播組件. why 之前一直在用 vue-awesome-swiper, 功能很齊全, 但是唯一的問(wèn)題就是體積...
摘要:隨著應(yīng)用的復(fù)雜程度越來(lái)越高,很多公司越來(lái)越重視前端單元測(cè)試。最后我們可以利用覆蓋率來(lái)看下用例的覆蓋程度是否足夠一般來(lái)說(shuō)不用刻意追求,根據(jù)實(shí)際情況來(lái)定單元測(cè)試是測(cè)試驅(qū)動(dòng)開(kāi)發(fā)的基礎(chǔ)。 隨著 Web 應(yīng)用的復(fù)雜程度越來(lái)越高,很多公司越來(lái)越重視前端單元測(cè)試。我們看到的大多數(shù)教程都會(huì)講單元測(cè)試的重要性、一些有代表性的測(cè)試框架 api 怎么使用,但在實(shí)際項(xiàng)目中單元測(cè)試要怎么下手?測(cè)試用例應(yīng)該包含哪...
閱讀 1113·2021-11-22 14:56
閱讀 1575·2019-08-30 15:55
閱讀 3410·2019-08-30 15:45
閱讀 1681·2019-08-30 13:03
閱讀 2896·2019-08-29 18:47
閱讀 3366·2019-08-29 11:09
閱讀 2671·2019-08-26 18:36
閱讀 2640·2019-08-26 13:55