Skip to content

Segmented 分段选择

分段选择控制器

基础用法

类似菜单的选择器

<script lang="ts" setup>
import type { SegmentedItem } from '@/index'

// import { ref } from 'vue'

const data: SegmentedItem[] = [
  { value: '0', label: '菜单1' },
  { value: '1', label: '菜单2' },
  { value: '2', label: '菜单3' },
  { value: '3', label: '菜单4' },
]
</script>
<template>
  <ZgSegmented :data="data" value="0"></ZgSegmented>
</template>
<script lang="ts" setup>
import type { SegmentedItem } from '@/index'

// import { ref } from 'vue'

const data: SegmentedItem[] = [
  { value: '0', label: '菜单1' },
  { value: '1', label: '菜单2' },
  { value: '2', label: '菜单3' },
  { value: '3', label: '菜单4' },
]
</script>
<template>
  <ZgSegmented :data="data" value="0"></ZgSegmented>
</template>

Released under the MIT License.