t-subsection-item

SubsectionItem 分段项

组件介绍

t-subsection-item 是分段器的子组件，用于定义分段器中的选项项，必须配合 t-subsection 使用。

平台兼容

Harmony	H5	Android	iOS	小程序	UTS
✅	✅	✅	✅	✅	✅

基础用法

基础用法参考 demo/subsection/subsection.uvue，作为 t-subsection 的子组件使用。

<template>
  <t-subsection v-model="current">
    <t-subsection-item title="选项一" :value="0"></t-subsection-item>
    <t-subsection-item title="选项二" :value="1"></t-subsection-item>
    <t-subsection-item title="选项三" :value="2"></t-subsection-item>
  </t-subsection>
</template>

<script setup>
const current = ref(0)
</script>

Props

属性名	说明	类型	默认值
value	当前选项的值	number	0
title	标题	string	''
icon	图标名称	string	''
path	点击组件后跳转的页面路径	string	''
hover	是否启用点击效果	boolean	false
type	组件主题类型	string	''
disabled	是否禁用	boolean	false
effect	组件显示主题	string	''
size	组件尺寸	string	''

Slots

插槽名	说明
default	默认插槽，自定义选项内容