国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

  1. Toy模板網(wǎng)首頁
  2. >Toy博客

【bug】記錄一次使用Swiper插件時loop屬性和slidersPerView屬性沖突問題

2年前作者：ZSK6分類：Toy博客閱讀(19)違法舉報

這篇具有很好參考價值的文章主要介紹了【bug】記錄一次使用Swiper插件時loop屬性和slidersPerView屬性沖突問題。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

簡言

最近在vue3使用swiper時，突然發(fā)現(xiàn)loop屬性和slides-per-view屬性同時存在啟用時，loop生效，下一步只能生效一次的bug，上一步卻是好的。非常滴奇怪。

解決過程

  1. 分析屬性是否使用錯誤。
    loop是循環(huán)模式，布爾型。
    slides-per-view是同屏顯示多少數(shù)量，數(shù)值型或’auto’。
  2. 更改的樣式是否是誘因。
    不是。
  3. 看官網(wǎng)，百度。
    百度不到相似bug,看官網(wǎng)。發(fā)現(xiàn)loop屬性描述有限制性描述。
    【bug】記錄一次使用Swiper插件時loop屬性和slidersPerView屬性沖突問題,vue3,前端,bug
  4. 最后尋找替代方案，或者降低需求。
    沒到這步。

問題原因

官網(wǎng)loop屬性時描述有這樣一句話。

Because of nature of how the loop mode works (it will rearrange
slides), total number of slides must be >= slidesPerView * 2

意思就是 你的數(shù)據(jù)要大于等于 一屏顯示數(shù)量的兩倍
【bug】記錄一次使用Swiper插件時loop屬性和slidersPerView屬性沖突問題,vue3,前端,bug文章來源地址http://www.zghlxwxcb.cn/news/detail-633673.html

解決方案

  • 數(shù)據(jù)搞多點。
  • slides-per-view屬性值調(diào)小。

到了這里，關(guān)于【bug】記錄一次使用Swiper插件時loop屬性和slidersPerView屬性沖突問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處： 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進(jìn)行投訴反饋，一經(jīng)查實，立即刪除！

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 記錄一次解決數(shù)據(jù)庫連接池連接泄露BUG

    系統(tǒng)并發(fā)請求，系統(tǒng)停滯無法使用，所有接口都是無法與后端進(jìn)行交互的狀態(tài)，系統(tǒng)并沒有宕機(jī) 插入分?jǐn)?shù)方法 涉及插入表ABCD 加了聲明式事務(wù) 查詢分?jǐn)?shù)方法 涉及表ABCD 因為代碼不是我寫的，一開始我就是懷疑是死鎖導(dǎo)致的BUG，然后我用Jconsole，去檢測一下死鎖，并沒有發(fā)現(xiàn)死

    2024年02月13日
    瀏覽(19)
  • 記錄一次數(shù)據(jù)中包含轉(zhuǎn)義字符\引發(fā)的bug

    記錄一次數(shù)據(jù)中包含轉(zhuǎn)義字符\引發(fā)的bug

    后端返回給前端的數(shù)據(jù)是: { ? \\\"bizObj\\\": { ? ? \\\"current\\\": 1, ? ? \\\"orders\\\": [ ? ? ?? ? ? ], ? ? \\\"pages\\\": 2, ? ? \\\"records\\\": [ ? ? ? { ? ? ? ? \\\"from\\\": \\\"1d85b8a4bd33aaf99adc2e71ef02960e\\\", ? ? ? ? \\\"fromName\\\": \\\"ddd\\\", ? ? ? ? \\\"id\\\": \\\"742836e8f3d00a6e2ebd568f3a2dd75e\\\", ? ? ? ? \\\"img\\\": \\\"/net-hospital-admin/images/boy.png\\\", ? ?

    2024年01月23日
    瀏覽(22)

  • 記錄一次解決uniapp自定義驗證框的bug過程

    問題起源： 本來是使用自定義軟盤，但是因為無法實現(xiàn)粘貼驗證碼的問題，最終打算采用原生自帶的軟盤來處理 問題路程： 1、點擊驗證碼框時候可以實現(xiàn)隱藏和切換是否聚焦?fàn)顟B(tài)，但是沒有考慮到點擊驗證碼以外位置時候，也會觸發(fā)取消聚焦，而且剛好沒有輸入框綁定了取

    2024年02月15日
    瀏覽(17)

  • 記錄一次hadoop集群上secondarynamenode無法啟動的bug的解決辦法

    這個錯誤其實是由于重復(fù)格式化導(dǎo)致namenode和datanode的namespaceID和clusterID不一致引起的 解決方法如下: 解決方案： 1.關(guān)閉所有服務(wù)并重啟（保證Hadoop的服務(wù)被殺死） 2.清理： 將hadoop的根目錄中的data，logs全部刪除(三臺節(jié)點) 將 /tmp下的內(nèi)容全部刪除 3.重新格式化

    2024年02月06日
    瀏覽(30)

  • 記錄一次：Winform的控件的Visible屬性異常問題

    有一次同事找到我，說以下代碼中：btnPlanAppend控件：客戶電腦顯示正常、開發(fā)者電腦調(diào)試時無法顯示 btnAppend可以在界面中顯示出來 btnPlanAppend控件在界面上就是不顯示 SajetCommon.CheckEnabled(\\\"INSERT\\\", sPrivilege)方法的返回結(jié)果：true; btnAppend控件也能正常顯示 調(diào)試到這一行（btnPlanA

    2024年02月08日
    瀏覽(29)
  • 小程序使用swiper時報錯， [Component] ＜swiper＞: current 屬性無效，請修改 current 值或者頁面卡頓，瘋狂輪播

    小程序使用swiper時報錯， [Component] ＜swiper＞: current 屬性無效，請修改 current 值或者頁面卡頓，瘋狂輪播

    [渲染層錯誤] [Component] : current 屬性無效，請修改 current 值(env: Windows,mp,1.06.2307250; lib: 2.24.0) 這個是頁面使用輪播組件時，沒有添加current屬性，添加上就可以了,但是添加后，小程序在手機(jī)上鎖屏（有時候要等幾分鐘）重新打開時，頁面瘋狂卡頓，輪播

    2024年02月02日
    瀏覽(92)
  • 一次線上mysql 調(diào)優(yōu) ，join 的調(diào)優(yōu)，索引優(yōu)化（Block Nested Loop）

    一次線上mysql 調(diào)優(yōu) ，join 的調(diào)優(yōu)，索引優(yōu)化（Block Nested Loop）

    原因： 某接口調(diào)用十分緩慢，通過 Explain 發(fā)現(xiàn)是SQL問題 可以看到，在Join連接時，出現(xiàn)了BNL查詢，BNL出現(xiàn)是因為，JOIN連接時 dr表也就是 domian_redemption 被驅(qū)動的表上沒出現(xiàn)可用的索引。 個人解決方法： 在對應(yīng)的連接字段上，既dr的orderCode字段，內(nèi)表加上索引，再次執(zhí)行Explai

    2024年02月05日
    瀏覽(21)

  • 小程序02/小程序 swiper組件 屬性介紹說明、navigator組件結(jié)構(gòu) 組件介紹 屬性介紹

    語法結(jié)構(gòu):? swiper swiper-item? ?image?src=\\\"?\\\"? ? /image /swiper-item /swiper 組件介紹: swiper可以理解為小程序內(nèi)置的輪播圖標(biāo)簽 使用了他可以更方便使用輪播圖功能 屬性介紹: ? ? 屬性名? ? ? ? ? ? ? ? ? ? ?類型? ? ? ? ? ? ?說明 indicator-dots? ? ? ? ?Boolean? ? ? ? 是否顯示面

    2024年02月11日
    瀏覽(28)
  • JS常用插件 Swiper插件 實現(xiàn)輪播圖

    JS常用插件 Swiper插件 實現(xiàn)輪播圖

    Swiper 是一款免費以及輕量級的移動設(shè)備觸控滑塊的js框架 中文官網(wǎng)地址: https://www.swiper.com.cn/ 點擊查看 Swiper演示 ，里面的功能和樣式十分豐富，根據(jù)自己的需求選擇 中文教程 中詳細(xì)介紹了如何使用Swiper API文檔 中介紹了各個模塊以及參數(shù)的詳細(xì)信息，遇到不明白的參數(shù)可以

    2024年02月01日
    瀏覽(86)

  • 記錄一下在工作中使用 LayUI bug的問題

    前言： LayUI是一個很老的框架了，經(jīng)常會碰到一些 bug。不過由于他的輕量級，仍然有一些項目在使用。之前在公司解決的這些 bug，現(xiàn)在有時間發(fā)出來，可能會對大家產(chǎn)生一些意義。 layui中 slect form表單元素 不美化顯現(xiàn)的問題 layui中美化的表單元素 在渲染完成要添加 form.ren

    2024年02月11日
    瀏覽(16)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包，優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包