Skip to content

Indicator

Demo

Indicator 跨端示例与演示

Registry01 / 04
Own the source

Install editable target-correct components into your project.

Dots
Lines

Basic Usage

vue
<template>
  <VIndicator :total="3" :current="1" />
  <VIndicator :total="3" :current="1" type="line" />
</template>

Props

PropTypeDefaultDescription
totalnumber0Total indicators
currentnumber0Active index, zero-based
type'dot' | 'line''dot'Indicator type
ariaLabelstring'轮播进度'Accessible name for the indicator navigation
itemAriaLabelstring'第 {index} 项,共 {total} 项'Item label template with {index} and {total}