更新记录
1.0(2025-04-30) 下载此版本
基于uView1.x,常用的侧边栏3级菜单(也可2级)分类组件 省市区 商品类别
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
开发文档
基于uView1.x的插件,侧边栏3级菜单,当然也可以只到2级
符合easycom规范,使用方式,
<chenchenxuxu-sidebar-menu :catList="catList" :init="init" @goUrl="goUrl"></chenchenxuxu-sidebar-menu>
catList | init |
---|---|
分类数据 | 初始菜单位置,默认0 |
@goUrl |
---|
自定义跳转方法,默认传参分类的ID |
data() {
return {
init: 0,
catList: [{
deptName: '江苏省',
deptCode: '10001',
child: [{
deptName: '苏州市',
deptCode: '100010',
child: [{
deptName: '常熟市',
deptCode: '1000100',
},
{
deptName: '张家港市',
deptCode: '1000101',
}
]
},
{
deptName: '无锡市',
deptCode: '100011',
}
]
},
{
deptName: '安徽省',
deptCode: '10002',
},
{
deptName: '浙江省',
deptCode: '10003',
},
{
deptName: '四川省',
deptCode: '10004',
},
{
deptName: '江西省',
deptCode: '10005',
},
{
deptName: '湖南省',
deptCode: '10006',
},
{
deptName: '河北省',
deptCode: '10007',
}
]
}
}
methods: {
goUrl(did) {
console.log(did)
}
}