如何通过Vue实现轮播图以特定帧率播放？

本文共计790个文字，预计阅读时间需要4分钟。

原文示例：本文实例为大家分享了vue实现轮播图帧率播放的具体代码，供大家参考。需求：传入一个数组，数组中的是目录名称。通过本目录名称，读取文件目录下的所有图片。

改写后：以下代码演示了如何使用vue实现图片轮播功能，并从指定目录读取图片。方法如下：需求：输入一个包含目录名的数组。功能：根据目录名读取对应目录下的所有图片。

本文实例为大家分享了vue实现轮播图帧率播放的具体代码，供大家参考，具体内容如下

需求

传入一个数组，数组中放的是目录名称，通过本目录名称，读取文件目录下的所有图片，并循环播放，形成一个每1s播放多少张图片的效果，最后目录播放完毕后，在跳到第一个目录循环播放。

核心: 用 webpack的一个API require.contex读取目录下的文件名,具体想了解的可以查一查。