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

swiper vue修改數(shù)據(jù)，swiper不更新的問題

2年前作者：憤怒的蘋果ext分類：Toy博客閱讀(30)違法舉報

這篇具有很好參考價值的文章主要介紹了swiper vue修改數(shù)據(jù)，swiper不更新的問題。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

swiper第一次初始化的時候正常，但是當我改變源數(shù)據(jù)時，要么就是不能把數(shù)據(jù)顯示完，要么就是沒有翻頁。嘗試過重新賦值swiper，但是依舊沒有解決，后面找到下面的方案，測試能夠解決我的問題。
解決方案，增加監(jiān)聽的配置。文章來源地址http://www.zghlxwxcb.cn/news/detail-642847.html


  initSwiper() {
		// 這是我的源數(shù)據(jù)
      const length = this.liveListProp ? this.liveListProp.length : 0
      
    const group =  length % this.slidesPerViewProp == 0
            ? length / this.slidesPerViewProp
            : length / this.slidesPerViewProp + 1
            console.log("group ",group);
      this.swiper = new Swiper(this.$refs.discoverLiveListRef, {
        slidesPerView: this.slidesPerViewProp,
        spaceBetween: 15,
        slidesPerGroup:group,
        loop: false,
        loopFillGroupWithBlank: true,
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
	
		// 這2段代碼起作用
        observer:true,  //修改swiper自己或子元素時，自動初始化swiper
        observeParents:true,  //修改swiper的父元素時，自動初始化swiper
      });
    },

到了這里，關于swiper vue修改數(shù)據(jù)，swiper不更新的問題的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！

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

分享到：

領支付寶紅包贊助服務器費用

不到200行用Vue實現(xiàn)類似Swiper.js的輪播組件
大家在開發(fā)過程中，或多或少都會用到輪播圖之類的組件，PC和Mobile上使用 Swiper.js ，小程序上使用swiper組件等。本文將詳細講解如何用 Vue 一步步實現(xiàn)的類似 Swiper.js 的功能，無任何第三方依賴，干貨滿滿。在線預覽：https://zyronon.github.io/douyin/ 項目源代碼：https://github.com/
2024年04月23日
瀏覽(24)
前端項目部署自動檢測更新后通知用戶刷新頁面（前端實現(xiàn)，技術框架vue、js、webpack）——方案一：編譯項目時動態(tài)生成一個記錄版本號的文件
當我們重新部署前端項目的時候，如果用戶一直停留在頁面上并未刷新使用，會存在功能使用差異性的問題，因此，當前端部署項目后，需要提醒用戶有去重新加載頁面。 vue、js、webpack 編譯項目時動態(tài)生成一個記錄版本號的文件輪詢（20s、自己設定時間）這個文件，判斷版
2024年02月02日
瀏覽(57)
最詳細！??！前端原神官網(wǎng) （采用html+css+js+dom+ajax+jquery+swiper+json）完整版
1.該項目采用了大部分前端知識，完整的復刻原神官網(wǎng)上所顯示的全內容，非常全面和詳細。希望有興趣的小伙伴萌可以看看和參考一下！??！該項目可以作為大學生畢設項目（附帶項目答辯ppt）同時也可以作為計算機專業(yè)的小伙伴的期末大作業(yè) 。喜歡的請留下你的足跡
2024年02月05日
瀏覽(86)
vue使用swiper三行輪播問題
1、輪播圖設置屬性slidesPerColumn:3實現(xiàn)不了，解決方案如下： this.scheduleData是后臺請求的數(shù)據(jù)，通過3個一組分組轉換為this.scheduleListThreede 的數(shù)據(jù)！ 2、邏輯處理如下： computed: { ? ? ? scheduleListThree: function () { ? ? ? ? ? let index = 0; ? ? ? ? ? let count = 3; ? ? ? ? ? let arrThree
2024年02月09日
瀏覽(20)
微信小程序 - 解決 setData() 無法修改 properties 數(shù)據(jù)的問題，修改子組件 properties 傳遞過來的數(shù)據(jù)（父級頁面?zhèn)魅胱咏M件的數(shù)據(jù)無法更新修改的問題，簡潔快速解決方案！）
當頁面（父組件）傳遞給子組件屬性時，需要使用 properties 屬性接收，但遺憾的是后續(xù)無法對該屬性下的數(shù)據(jù)進行更新數(shù)據(jù)。本文實現(xiàn)了微信小程序開發(fā)中，解決子組件使用 properties 接收后，無法進行數(shù)據(jù)的編輯與更新問題，簡單來說，就是組件內部無法通過 setData 對 pro
2024年02月16日
瀏覽(177)
JS-27 前端數(shù)據(jù)請求方式；HTTP協(xié)議的解析；JavaScript XHR、Fetch的數(shù)據(jù)請求與響應函數(shù)；前端文件上傳XHR、Fetch；安裝瀏覽器插件FeHelper
早期的網(wǎng)頁都是通過后端渲染來完成的，即服務器端渲染（SSR，server side render）：客戶端發(fā)出請求 - 服務端接收請求并返回相應HTML文檔 - 頁面刷新，客戶端加載新的HTML文檔；服務器端渲染的缺點：當用戶點擊頁面中的某個按鈕向服務器發(fā)送請求時，頁面本質上只是一些數(shù)
2024年02月16日
瀏覽(42)
vue3——解決數(shù)據(jù)更新而視圖未更新問題
最近有一個項目遇到一個問題：是一個彈窗操作數(shù)據(jù)，當彈窗里的數(shù)據(jù)已經(jīng)發(fā)生改變時，而視圖并沒有改變，未能得到及時更新，因此歸納了以下方法來解決這個問題 1、強制更新 2、在數(shù)據(jù)修改的組件上加上標識符修改數(shù)據(jù)時 3、在視圖組件中使用 v-if 修改值之后將組件銷毀
2024年02月16日
瀏覽(20)
解決 elementUI 的 table 表格改變數(shù)據(jù)不更新問題解決 vue數(shù)據(jù)不更新問題 element-ui 表格數(shù)據(jù)不更新
利用 v-if這些都是一個邏輯，都是改變事件，達到數(shù)據(jù)刷新，沒必要用 v-if 消耗性能比較耗性能
2023年04月08日
瀏覽(25)
前端項目部署自動檢測更新后通知用戶刷新頁面（前端實現(xiàn)，技術框架vue、js、webpack）——方案二：輪詢去判斷服務端的index.html是否跟當前的index.html的腳本hash值一樣
當我們重新部署前端項目的時候，如果用戶一直停留在頁面上并未刷新使用，會存在功能使用差異性的問題，因此，當前端部署項目后，需要提醒用戶有去重新加載頁面。 vue、js、webpack 根據(jù)打完包之后生成的 script src 的hash值去判斷，每次打包都會生成唯一的hash值，只要輪
2024年01月23日
瀏覽(52)
Vue中引入使用 patch-package 為依賴打補丁（以修改 vue-pdf 打包后 [hash].worker.js 路徑問題為例）
1. patch-package 簡介 patch-package npm地址 patch-package github文檔如果不需要在生產(chǎn)中運行 npm (如：正在制作 web 前端，則可使用 --save dev） 1.2 使用方法制作修補程序首先更改 node_modules 文件夾中特定包的文件，然后運行或使用 npx （npm 5.2） package-name 與所更改的程序包的名稱相匹配
2024年02月10日
瀏覽(18)