Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

{ loop: true } swiper-slide goes wrong when data is from v-for

See original GitHub issue

 config is like this:  
 swiperOption: {
              loop: true
}
vue content,if this,is ok:
"<swiper-slide>Slide 2</swiper-slide>
<swiper-slide>Slide 2</swiper-slide>
<swiper-slide>Slide 3</swiper-slide>"
go wrong is this:
"<swiper-slide v-if="v in dataList">{{v.name}}</swiper-slide>"

you can try 

English is not very well,thanks 英文不好，见谅

Issue Analytics

State:
Created 5 years ago
Comments:9

Top GitHub Comments

79reactions

lonlii4apcommented, Apr 24, 2018

add v-if=“dataList.length>0” for its parent to solve

39reactions

ghostcommented, Nov 28, 2018

hey you people, you forgot your English? please contribute to the community by using the global language

Top Results From Across the Web

Swiper.js loop:true does not work correctly - Stack Overflow

for me, i use swiper. · The problem is that src attribute is removed from the duplicated (swiper adds duplicated slides to work...

swiper get active slide | The AI Search Engine You Control

I am trying to get a piece of text appear when the Swiper Slide is active(centered) and then disappear when it is not...

Tiny Slider 2 - GitHub Pages

Option Type Description axis “horizontal” | “vertical” Default: “horizontal”. The axis of the slider. gutter positive integer Default: 0. Space between slides (in “px”). edgePadding positive...

swiper | Yarn - Package Manager

Important: This documentation covers modern versions of Yarn. For 1.x docs, see classic.yarnpkg.com. Yarn.

swiper slidesperview not working - amiraartdecor.it

I am using swiper 3. if no next slide use slideToLoop. Files. myswiper", { initialslide: 1, effect: "coverflow", grabcursor: true, centeredslides: true, ...