在这里插入图片描述

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

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

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

		observeParents: true,
        observer: true

出现这个问题的原因是当父组件变化的时候,子组件没有办法获取父组件的宽度等信息
这两个配置项的作用就是 在父组件或者自身发生变化的时候,swiper组件自动会刷新一次。
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐