在Vue项目中使用vue-awesome-swiper，遇到点击Banner进入Gallary.vue图片画廊时，由于swiper的父级元素初始为隐藏状态，导致轮播图滚动效果失效。问题在于隐藏状态使得swiper初始化失败。解决方法是在swiper配置中启用observer和observeParents选项，以实现在父元素显示变化时，swiper能动态更新并恢复滚动效果。
在使用vue-awesome-swiper的时候，实现这样一个功能, 点击页面的banner图（Banner.vue），进入一个图片画廊（Gallary.vue），可以查看更多相关的照片，但发现轮播图滚动效果失效
原因是：一开始Gallay.vue的所有用swiper控制的图片处于隐藏状态，直到点击才进入图片画廊显示图片。swiper其父级元素处于隐藏状态(display:none), 会导致swiper初始化失败, 页面中的滚动效果就会有问题。
Gallary.vue的结构
<template>
<div class="container" @click="handleGallaryClick">
<div class
最低0.47元/天 解锁文章
扫一扫
878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
