vue使用vue-awesome-swiper轮播图不能正常滚动
在使用vue-awesome-swiper插件写轮播图的时候遇到上图的问题。问题描述:这是一个画廊(图片相册查看大图)功能,在父组件中调用这个个轮播图的子组件,并且在父组件中控制画廊组件的显示隐藏。功能都写好之后,发现这个子组件显示出来以后不能顺畅滑动。解决方案:在初始化轮播图的时候加上这两个配置项:observeParents: true,observer: tr...
·
在使用vue-awesome-swiper插件写轮播图的时候遇到上图的问题。
问题描述:这是一个画廊(图片相册查看大图)功能,在父组件中调用这个个轮播图的子组件,并且在父组件中控制画廊组件的显示隐藏。功能都写好之后,发现这个子组件显示出来以后不能顺畅滑动。
解决方案:
在初始化轮播图的时候加上这两个配置项:
observeParents: true,
observer: true
出现这个问题的原因是当父组件变化的时候,子组件没有办法获取父组件的宽度等信息
这两个配置项的作用就是 在父组件或者自身发生变化的时候,swiper组件自动会刷新一次。
更多推荐
已为社区贡献8条内容
所有评论(0)