Sidebar 侧边栏导航

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/sidebar

块级元素, 但有宽度限制, 并非占据已整行. 涉及到的组件: Sidebar 和 SidebarItem

基本用法:

<van-sidebar v-model="active">
  <van-sidebar-item title="标签名称" />
  <van-sidebar-item title="标签名称" />
  <van-sidebar-item title="标签名称" />
</van-sidebar>

const active = ref(0)

模型使用 SidebarItem 的索引.

Sidebar 常用属性

v-model 绑定导航项的索引.

change 事件. 切换导航时触发, 事件参数为索引.

SidebarItem 常用属性

• title 显示的文字.
• dot, badge 右上角小红点或徽标.
• disabled 是否禁用.
• url, to, 以及 replace 用来处理导航行为.