小程序模板網(wǎng)

微信小程序 動態(tài)加載swiper時不顯示的問題(爬坑)

發(fā)布時間:2020-05-22 10:19 所屬欄目:小程序開發(fā)教程

問題一

報錯信息

TypeError: Cannot read property '$$' of undefined
    at HTMLElement._attached.wx.getPlatform._touchstartHandlerForDevtools

解決方法:因為小程序會保留上一次滑動swiper時候的current,所以會出現(xiàn)上次滑動到的current在這次的數(shù)據(jù)中不存在問題,所以,每次動態(tài)加載swiper-item前,需要設(shè)置swiper的current屬性為0

問題二

swiper 的current每次設(shè)置了0,但是還是不顯示 swiper,檢查元素是存在的,并且current = -1

<swiper current='-1'><swiper>

解決方法,動態(tài)設(shè)置swiper-item的數(shù)據(jù)時,還需設(shè)置current = 0,

并且current和swiperList不能在一個this.setData中設(shè)置,

要先setData swiperList 然后在setData current

我是這樣寫的:

this.setData({
  swiperItem: list
},()=>{
  this.setData({
    current: 0
  })
})
//在每次給swiper賦值之后在它的回調(diào)中在賦值current

之后沒有問題成功解決,希望對你有所幫助。


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/25266.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×