vue.js - vue-awesome-swiper异步加载，样式问题

问题描述

问 题

首页的轮播用了vue-awesome-swiper组件，异步加载，可以使用。
第一次加载之后，我到是记录了信息到store里面，所以以后再切换回首页不需要再加载，显示没问题。
问题是每次初始打开，异步加载之前，轮播图片区域都是没有的，加载完了，才突然页面撑高，显示顶部的轮播图片。初次打开的界面很不友好。请教各位了。

解决方案

初始化打开,轮播图区域没有,你可以给轮播图的父级默认指定一个高度,默认就让他撑开,就不会存在加载完了,页面忽然撑高的效果,如果觉得加载前到加载完有个空白区域难看,可以加个加载层,也就是菊花,转呀转的

这篇关于vue.js - vue-awesome-swiper异步加载，样式问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！