视觉隐藏
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
as | string | Component | 'span' | 根 HTML 元素或 Vue 组件。实时区域或块级内容可使用 div。 |
插槽
| 名称 | 说明 |
|---|---|
default | 对辅助技术公开、但从视觉界面隐藏的内容。此插槽为必需项。 |
模板引用
组件公开 element。类型为 HTMLElement | null。 element 指向最终渲染的根元素。
样式约束
- 组件忽略传入的
class。 - 组件忽略传入的
style。 - 固定的隐藏样式不接受外部覆盖。
原生属性
以下内容传入根元素:
aria-*属性。role。id。data-*属性。- 原生事件监听器。
隐藏内容
不得在 VisuallyHidden 内放置交互控件。视觉界面无法显示这些控件。
必须对所有用户隐藏内容时,使用条件渲染或原生 hidden 属性。