Skip to content

useCycleList

循环浏览项目列表。

¥Cycle through a list of items.

通过 Vue School 的免费视频课程了解如何使用 useCycleList 创建图片轮播!

示例

Dog

用法

¥Usage

ts
import { 
useCycleList
} from '@vueuse/core'
const {
state
,
next
,
prev
,
go
} =
useCycleList
([
'Dog', 'Cat', 'Lizard', 'Shark', 'Whale', 'Dolphin', 'Octopus', 'Seal', ])
console
.
log
(
state
.
value
) // 'Dog'
prev
()
console
.
log
(
state
.
value
) // 'Seal'
go
(3)
console
.
log
(
state
.
value
) // 'Shark'