国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue分頁(yè)組件

meislzhua / 1819人閱讀

摘要：最近在做系統(tǒng)管理后臺(tái)的需求，用了，體驗(yàn)還是挺好的，但是一直找不到一個(gè)比較好的分頁(yè)組件，就自己整了一個(gè)。移動(dòng)端可能不適合使用這個(gè)組件默認(rèn)每個(gè)分頁(yè)會(huì)帶上類名，點(diǎn)擊態(tài)會(huì)帶上的類名，需要修改可以去改動(dòng)的設(shè)置項(xiàng)目地址分頁(yè)組件歡迎大家使用交流

最近在做系統(tǒng)管理后臺(tái)的需求，用了vue，體驗(yàn)還是挺好的，但是一直找不到一個(gè)比較好的分頁(yè)組件，就自己整了一個(gè)。

使用的方法如下，只要傳遞一個(gè)total總頁(yè)數(shù)，current當(dāng)前頁(yè)碼，還有點(diǎn)擊的回調(diào)函數(shù)就行了，回調(diào)函數(shù)的第一個(gè)參數(shù)會(huì)帶上你點(diǎn)擊的頁(yè)碼

效果如下圖

這個(gè)分頁(yè)組件依賴jquery,是在bootstrap.pagination.js的基礎(chǔ)上面修改的，因?yàn)槭莗c管理端，對(duì)頁(yè)面大小的要求不是很大。移動(dòng)端可能不適合使用這個(gè)組件

默認(rèn)每個(gè)分頁(yè)li會(huì)帶上button類名，點(diǎn)擊態(tài)會(huì)帶上is-primary的類名，需要修改可以去改動(dòng)pagination.js的設(shè)置

項(xiàng)目git地址vue分頁(yè)組件

歡迎大家使用交流

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/86632.html

相關(guān)文章

  • 基于vue實(shí)現(xiàn)分頁(yè)/翻頁(yè)組件paginator

    摘要：項(xiàng)目背景做列表頁(yè)時(shí)不可避免會(huì)用到分頁(yè)親愛的們啊現(xiàn)在發(fā)放福利嘍直接安裝使用還有木有更方便的了哈哈這是一個(gè)基于的組件話不多說(shuō)直接開擼地址當(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è),親愛的們啊,現(xiàn)在發(fā)放福利嘍!npm直接安裝使用,還有木有更方便的了,O(∩_∩)O哈哈~這是一個(gè)基于vue的pagin...

    xuexiangjys 評(píng)論0 收藏0

  • 關(guān)于vue+element-ui項(xiàng)目的分頁(yè)，返回默認(rèn)顯示第一頁(yè)的問題解決

    摘要：所以這就導(dǎo)致，頁(yè)面內(nèi)容正確，但是頁(yè)碼高亮依舊是第一頁(yè)解決辦法我們需要在之后刷新這個(gè)分頁(yè)組件或者讓分頁(yè)組件的后于之后加載到頁(yè)面。然后再次測(cè)試，發(fā)現(xiàn)完美解決問題。 問題描述 當(dāng)前頁(yè)面如下showImg(https://segmentfault.com/img/bVbjJ7a); 然后點(diǎn)擊頁(yè)碼跳到第3頁(yè)，然后在第三頁(yè)點(diǎn)擊頁(yè)面鏈接跳轉(zhuǎn)到新的頁(yè)面showImg(https://segmentfa...

    YFan 評(píng)論0 收藏0

  • 第九集: 從零開始實(shí)現(xiàn)一套pc端vue的ui組件庫(kù)( 分頁(yè)器組件 )

    摘要：第九集從零開始實(shí)現(xiàn)分頁(yè)器組件本集定位分頁(yè)器這個(gè)組件也算是個(gè)老朋友了還記得剛學(xué)的時(shí)候?qū)憘€(gè)分頁(yè)器要行代碼要是能穿越回去我得好好教教我自己設(shè)計(jì)模式 第九集: 從零開始實(shí)現(xiàn)( 分頁(yè)器組件 ) 本集定位: 分頁(yè)器這個(gè)組件也算是個(gè)老朋友了, 還記得剛學(xué)js的時(shí)候, 寫個(gè)分頁(yè)器要300行代碼,要是能穿越回去, 我得好好教教我自己設(shè)計(jì)模式

    levy9527 評(píng)論0 收藏0

  • 第九集: 從零開始實(shí)現(xiàn)一套pc端vue的ui組件庫(kù)( 分頁(yè)器組件 )

    摘要：第九集從零開始實(shí)現(xiàn)分頁(yè)器組件本集定位分頁(yè)器這個(gè)組件也算是個(gè)老朋友了還記得剛學(xué)的時(shí)候?qū)憘€(gè)分頁(yè)器要行代碼要是能穿越回去我得好好教教我自己設(shè)計(jì)模式 第九集: 從零開始實(shí)現(xiàn)( 分頁(yè)器組件 ) 本集定位: 分頁(yè)器這個(gè)組件也算是個(gè)老朋友了, 還記得剛學(xué)js的時(shí)候, 寫個(gè)分頁(yè)器要300行代碼,要是能穿越回去, 我得好好教教我自己設(shè)計(jì)模式

    leoperfect 評(píng)論0 收藏0

  • 使用vue.js和webpack完成文章的評(píng)論和分頁(yè)組件

    摘要：學(xué)習(xí)了一段時(shí)間，拿它來(lái)做個(gè)小組件，練習(xí)一下。源碼放在文末的地址上。接下來(lái)看下評(píng)論組件條評(píng)論這里的將在下面提到，是我們獲取數(shù)據(jù)的位置。最后一個(gè)是目前生成獲取靜態(tài)數(shù)據(jù)的文件頭像用戶名評(píng)論內(nèi)容就這樣了吧。 學(xué)習(xí)了vue.js一段時(shí)間，拿它來(lái)做2個(gè)小組件，練習(xí)一下。我這邊是用webpack進(jìn)行打包，也算熟悉一下它的運(yùn)用。源碼放在文末的 github 地址上。 首先是index.html ...

    李義 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<