博客

异步请求swiper图片无法显示 vuex

问题描述：


vue项目中使用vuex存储请求数据，数据图片已请求到，但是使用swiper时仅一张图片，且无法自动换图片，且无报错。

我说我内心告诉自己莫慌莫慌，办法总比困难多；(QvQ)

实在太困了就趴下歇一歇，吃个桃子去~~~

分析：


数据有，组件正常，那么就是数据请求时机与插件使用时机的问题。数据时异步请求，那么插件应该在数据请求后使用。

（默默看了眼我做静态时候放在mounted了，所以联调时候会只有一张图

Q_Q ~~~）

解决方案：


使用回调函数，在数据获取后再new Swiper() 方法使用轮播插件；如图：

调取函数执行是在vuex里接口请求完数据且状态码200通了的情况下！