swiper 组件在app中多来回滑动几次就会出现自动左右滑动卡死的现象
第二个问题是uni-app中有没有兼容app+小程序的瀑布流展现方式,现在用的css3的体验效果太差了,各位领导有没有更好的意见
- 发布:2019-12-20 18:36
- 更新:2020-03-19 20:51
- 阅读:1852
你说的“自动左右滑动卡死”的问题,一般是使用不当导致(将change事件返回的current异步赋值给current属性)。可以参考官方示例中的可拖动顶部选项卡。
-
和官方demo写法一致,并不是一定出现,只是在暴力操作一段时间后出现卡死跳动,代码如下:
swiperChange(e) {
const index = e.detail.current;
this.pageData.titleNViewBackground = this.pageData.swipead[index].img;
},
goodSwiperChange(e){
var that=this;
// var pageData=this.pageData;
const index = e.detail.current;
//uni.setStorageSync("goodSwiperIndex",index);
this.pageData.TabCur=index;
that.getGoodslist();
}
2019-12-23 12:49
-
回复 5***@qq.com: 有此类操作吗:将change事件返回的current赋值给current属性?比如当swiper滑动到2的时候给current赋值为2,但此时暴力滑动到了3,就会出现“死循环”
2019-12-23 13:46
-
回复 DCloud_UNI_GSQ: 确实有,“this.pageData.TabCur=index;” 中的pageData.TabCur是与swiper的current属性绑定的“<swiper :current="pageData.TabCur" duration="800" :style="'height: '+pageData.goodswipt.height+';width:100%;'" @change="goodSwiperChange">”
我看官方demo也是这样赋值的,不赋值没法知道当前到了哪个tab就没法根据参数获取数据,这有办法解吗?2019-12-23 14:35
语文数学天才 - 做最顺手的nvue组件库与工具集
可以使用nvue页面来处理。对于app端nvue页面有waterfall组件可以自动回收cell。
而且长列表也可以使用list组件,具备回收能力。