小程序
小游戏
企业微信
微信支付
扫描小程序码分享
有没有树形菜单，或者怎么实现？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请问解决啦吗？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
写过的一个小例子，看看适不适合你
components -- tree
file: tree.js
allClassifyArr: [{
className:
'分类1'
,
classId:
'c1'
children: [{
'二级分类1'
'cc1'
}, {
'二级分类2'
'cc2'
}]
'分类2'
'c2'
'三级分类1'
'ccc1'
'四级分类1'
'分类3'
'c3'
},]
'分类4'
'c4'
'分类5'
'c5'
'分类6'
'c6'
}],
file: tree.wxml
<
view
>
tree
tree-child
wx:for
=
"{{ allClassifyArr }}"
itemdata
"{{ item }}"
></
</
components -- tree-child
file: tree-child.js
properties: {
itemdata: {
type: Object,
// 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）
value: {},
// 属性初始值（可选），如果未指定则会根据类型选择一个
}
},
file: tree-child.wxml
<view>
<text>{{ itemdata.className }}</text>
<tree-child wx:
for
"{{ itemdata.children }}"
itemdata=
></tree-child>
</view>
file: tree-child.json
{
"component"
:
true
"usingComponents"
: {
"tree-child-one"
"../tree-child-one/tree-child-one"
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请问解决啦吗？
写过的一个小例子，看看适不适合你
components -- tree
file: tree.js
allClassifyArr: [{className:'分类1',classId:'c1',children: [{className:'二级分类1',classId:'cc1'}, {className:'二级分类2',classId:'cc2'}]}, {className:'分类2',classId:'c2',children: [{className:'二级分类1',classId:'cc1',children: [{className:'三级分类1',classId:'ccc1',children: [{className:'四级分类1',classId:'ccc1',}]}]}, {className:'二级分类2',classId:'cc2'}]}, {className:'分类3',classId:'c3',children: [{className:'二级分类1',classId:'cc1'},]}, {className:'分类4',classId:'c4',children: [{className:'二级分类1',classId:'cc1'}, {className:'二级分类2',classId:'cc2'}]}, {className:'分类5',classId:'c5',children: [{className:'二级分类1',classId:'cc1'}, {className:'二级分类2',classId:'cc2'}]}, {className:'分类6',classId:'c6',children: [{className:'二级分类1',classId:'cc1'}, {className:'二级分类2',classId:'cc2'}]}],file: tree.wxml
<view>tree<tree-childwx:for="{{ allClassifyArr }}"itemdata="{{ item }}"></tree-child></view>components -- tree-child
file: tree-child.js
properties: {itemdata: {type: Object,// 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）value: {},// 属性初始值（可选），如果未指定则会根据类型选择一个}},file: tree-child.wxml
<view><text>{{ itemdata.className }}</text><tree-child wx:for="{{ itemdata.children }}"itemdata="{{ item }}"></tree-child></view>file: tree-child.json
{"component":true,"usingComponents": {"tree-child-one":"../tree-child-one/tree-child-one"}}