Skip to content

移动端导航

@astryxdesign/core v0.7.1 · MobileNav

MobileNav Props ​

名称类型默认值说明
isOpenbooleanfalse打开状态,配合 v-model:is-open。
headerstring-抽屉标题。也可以用 header 插槽。
widthnumber320抽屉宽度,单位像素。
side'start' | 'end' | 'auto''auto'从哪一侧滑入。
labelstring标题或当前语言的「导航」没有标题时作为对话框的无障碍名称。

MobileNav 事件 ​

名称说明
update:isOpen打开状态变化,用于 v-model:is-open。
openChange打开状态变化时触发。

MobileNavToggle Props ​

名称类型默认值说明
isOpenbooleanfalse和抽屉绑同一个 v-model:is-open。
labelstring打开时「关闭」,关闭时「打开菜单」按钮的无障碍名称。
controlsstring-对应抽屉的 id,写到 aria-controls。