uniapp，swiper组件动态设置current不起作用的问题。

最新推荐文章于 2024-09-29 17:43:25 发布

喜陈

最新推荐文章于 2024-09-29 17:43:25 发布

阅读量2.6k

点赞数 3

分类专栏： uniApp uView 文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_43807473/article/details/124885371

版权

uniApp 同时被 2 个专栏收录

8 篇文章 2 订阅

订阅专栏

uView

5 篇文章 0 订阅

订阅专栏

这个bug感觉挺有意思的，我在swiper-item里放组件，不管我怎么设置current的值，都会默认显示为最后一个swiper-item，如果不用组件改为图片什么的都没问题，找了很久终于找到原因。

<swiper :current="TabCur" @change="tabChange" class="swiper" :style="{ height: swiperheight }">
  <swiper-item class="swiper-item"><Attention :fansId="fansId" ref="chilren" /></swiper-item>
  <swiper-item><Fans :userInfoId="userInfoId" ref="chilrens" /></swiper-item>
</swiper>

原来是因为我的两个组件中有一个input框，这个input框又设置了一个 focus 属性，所以这个页面第二个focus属性生效了每次都会显示生效focus属性的那个swiper-item。感觉这个特性挺有趣的，记录一下。

如果current不起作用可以看看自己的swiper-item中有没有 focus属性。