Swiper.js 整合測試

Swiper.js 套件整合展示

測試 Swiper.js 套件整合,支援循環播放、自動播放等功能

📝 此組件誕生於 Swiper v9 至 v10 期間,當時官方宣布停止維護 React/Vue 框架組件並轉向 Web Components。 直到 Swiper v11(2023 年底)官方才恢復對 Vue 的第一方支援,目前可直接使用官方 Vue 版本。

基本用法:

item: 0

index: 0

isSliderMoveing: false

item: 1

index: 1

isSliderMoveing: false

item: 2

index: 2

isSliderMoveing: false

item: 3

index: 3

isSliderMoveing: false

item: 4

index: 4

isSliderMoveing: false

item: 5

index: 5

isSliderMoveing: false

item: 6

index: 6

isSliderMoveing: false

item: 7

index: 7

isSliderMoveing: false

item: 8

index: 8

isSliderMoveing: false

item: 9

index: 9

isSliderMoveing: false

item: 10

index: 10

isSliderMoveing: false

item: 11

index: 11

isSliderMoveing: false

item: 12

index: 12

isSliderMoveing: false

item: 13

index: 13

isSliderMoveing: false

item: 14

index: 14

isSliderMoveing: false

item: 15

index: 15

isSliderMoveing: false

item: 16

index: 16

isSliderMoveing: false

item: 17

index: 17

isSliderMoveing: false

item: 18

index: 18

isSliderMoveing: false

item: 19

index: 19

isSliderMoveing: false

item: 20

index: 20

isSliderMoveing: false

循環自動播放:

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20