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>