树形菜单

写过的一个小例子，看看适不适合你

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-child wx: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" } }