vue使用vue-awesome-swiper轮播图不能正常滚动

vue使用vue-awesome-swiper轮播图不能正常滚动_第1张图片

在使用vue-awesome-swiper插件写轮播图的时候遇到上图的问题。

问题描述:这是一个画廊(图片相册查看大图)功能,在父组件中调用这个个轮播图的子组件,并且在父组件中控制画廊组件的显示隐藏。功能都写好之后,发现这个子组件显示出来以后不能顺畅滑动。

解决方案:
在初始化轮播图的时候加上这两个配置项:

		observeParents: true,
        observer: true

出现这个问题的原因是当父组件变化的时候,子组件没有办法获取父组件的宽度等信息
这两个配置项的作用就是 在父组件或者自身发生变化的时候,swiper组件自动会刷新一次。
vue使用vue-awesome-swiper轮播图不能正常滚动_第2张图片

你可能感兴趣的:(vue,js,swiper,vue,swiper,轮播图不能正常滑动)