useSiderBar
新增一个,删除一个,更新一个。
返回值
| 名称 | 类型 | 说明 |
|---|---|---|
| close | (target: CloseMenuTag) => void | 关闭指定标签项 |
| closeAll | () => void | 关闭所有标签项 |
| closeLeft | (target: CloseMenuTag) => void | 关闭左边所有标签项 |
| closeRight | (target: CloseMenuTag) => void | 关闭右边所有标签项 |
| closeRight | (target: CloseMenuTag) => void | 关闭除了当前指定的所有标签项 |
| getCurrentTagIndex | () => number | 获取当前激活标签项的索引位置 |
| checkCloseLeft | (target: CloseMenuTag) => void | 判断左侧是否还有能被关闭的标签项 |
| checkCloseRight | (target: CloseMenuTag) => void | 判断右侧是否还有能被关闭的标签项 |
CloseMenuTag
code
ts
type CloseMenuTag = Key | MenuTagOptions基础使用
ts
import { useSiderBar } from '@/hooks'
const {
close,
closeAll,
closeRight,
closeLeft,
closeOther,
getCurrentTagIndex,
checkCloseRight,
checkCloseLeft,
} = useSiderBar()close
ts
close('key') // 关闭指定标签项closeAll
ts
closeAll() // 关闭所有标签项checkCloseLeft, closeLeft
ts
checkCloseLeft('key') // 判断左侧是否还有能被关闭的标签项
closeLeft('key') // 关闭左边所有标签项checkCloseRight, closeRight
ts
checkCloseRight('key') // 判断右侧是否还有能被关闭的标签项
closeRight('key') // 关闭右边所有标签项