更新记录

1.0.1.3（2025-12-17）

修复h5端报错

1.0.1.2（2025-12-13）

增加说明

1.0.1（2025-12-12）

支持自定义背景

平台兼容性

uni-app(4.0)

侧栏菜单组件

Props 参数

示例用法

<script setup>
    const categoryList = ref([
      {
        name: '全部',
        id: 0,
      },
      {
        name: '手机',
        id: 1,
      },
      {
        name: '电脑',
        id: 2,
      },
    ])
</script>

<template>
    <wy-side-menu
      :list="categoryList"
      label-key="name"
      value-key="id"
      :show-right-header="true"
    >
      <template #title="{ item }">
        <view class="bg-[#fff] p-32rpx font-bold">
          {{ item.name }}
        </view>
      </template>
    </wy-side-menu>
</template>

插槽说明

事件说明

组件内部通过点击左侧菜单或滚动右侧内容来切换当前选中的菜单项，无需额外绑定事件。