Cascader 级联选择器,构造节点数据

    getMenus() {
      this.$store.dispatch("user/GenerateRoutes").then((menus) => {
        if (menus.length > 0) {
          this.options2 = this.getChildrenMenus(menus);
        }
      });
    },
    getChildrenMenus(children) {
      let itemArr = [];
      for (var i = 0; i < children.length; i++) {
        let item = {};
        item.value = children[i].name;
        item.label = children[i].meta.title;
        if (typeof children[i].children != "undefined") {
          item.children = this.getChildrenMenus(children[i].children);
        }
        itemArr.push(item);
      }
      return itemArr;
    },

        

//源数据
{
	"data": [
		{
			"name": "System",
			"path": "/system",
			"hidden": false,
			"redirect": "noRedirect",
			"component": "Layout",
			"alwaysShow": true,
			"meta": {
				"title": "系统管理",
				"icon": "system",
				"noCache": false,
				"link": null
			},
			"children": [
				{
					"name": "Log",
					"path": "log",
					"hidden": false,
					"redirect": "noRedirect",
					"component": "ParentView",
					"alwaysShow": true,
					"meta": {
						"title": "日志管理",
						"icon": "log",
						"noCache": false,
						"link": null
					},
					"children": [
						{
							"name": "Operlog",
							"path": "operlog",
							"hidden": false,
							"component": "monitor/operlog/index",
							"meta": {
								"title": "操作日志",
								"icon": "form",
								"noCache": false,
								"link": null
							}
						},
						{
							"name": "Logininfor",
							"path": "logininfor",
							"hidden": false,
							"component": "monitor/logininfor/index",
							"meta": {
								"title": "登录日志",
								"icon": "logininfor",
								"noCache": false,
								"link": null
							}
						}
					]
				}
			]
		},
		{
			"name": "Test",
			"path": "/test",
			"hidden": false,
			"component": "Layout",
			"meta": {
				"title": "测试目录",
				"icon": "build",
				"noCache": false,
				"link": null
			}
		}
	]
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值