级联下拉多选，只展示路径名称，数据处理

ids：多选每项最后一级的id
options：数据源
curId：全路径的id
curAllName：全路径名称
pid：父级id

getSelectedNames = (ids, options) => {
   const names = []
   const findNames = (ids, options, pid = '', curId = '', curAllName = '') => {
	   options.forEach(node => {
		   node.pid = pid
		   node.curId = curId + (curId ? '/' : '') + node.value
		   node.curAllName = curAllName + (curAllName ? '/' : '') + node.label
		   if (ids.includes(node.value)) {
		     names.push(node.curAllName)
		   }
		   if (node.children && node.children.length) {
		     findNames(ids, node.children, node.value, node.curId, node.curAllName);
		   }
		});
	};
	findNames(ids, options);
	return names;
}

数据源

options: [{
  value: 'zhinan',
  label: '指南',
  children: [{
    value: 'shejiyuanze',
    label: '设计原则',
    children: [{
      value: 'yizhi',
      label: '一致'
    }, {
      value: 'kekong',
      label: '可控'
    }]
  }, {
    value: 'daohang',
    label: '导航',
    children: [{
      value: 'cexiangdaohang',
      label: '侧向导航'
    }, {
      value: 'dingbudaohang',
      label: '顶部导航'
    }]
  }]
}, {
  value: 'zujian',
  label: '组件',
  children: [{
    value: 'basic',
    label: 'Basic',
    children: [{
      value: 'layout',
      label: 'Layout 布局'
    }, {
      value: 'color',
      label: 'Color 色彩'
    }, {
      value: 'button',
      label: 'Button 按钮'
    }]
  }, {
    value: 'form',
    label: 'Form',
    children: [{
      value: 'radio',
      label: 'Radio 单选框'
    }, {
      value: 'checkbox',
      label: 'Checkbox 多选框'
    },{
      value: 'form',
      label: 'Form 表单'
    }]
  }, {
    value: 'data',
    label: 'Data',
    children: [{
      value: 'table',
      label: 'Table 表格'
    }, {
      value: 'tag',
      label: 'Tag 标签'
    }, {
      value: 'badge',
      label: 'Badge 标记'
    }]
  }, {
    value: 'notice',
    label: 'Notice',
    children: [{
      value: 'alert',
      label: 'Alert 警告'
    }, {
      value: 'loading',
      label: 'Loading 加载'
    },{
      value: 'notification',
      label: 'Notification 通知'
    }]
  }, {
    value: 'navigation',
    label: 'Navigation',
    children: [{
      value: 'menu',
      label: 'NavMenu 导航菜单'
    }, {
      value: 'steps',
      label: 'Steps 步骤条'
    }]
  }, {
    value: 'others',
    label: 'Others',
    children: [{
      value: 'dialog',
      label: 'Dialog 对话框'
    },{
      value: 'carousel',
      label: 'Carousel 走马灯'
    }, {
      value: 'collapse',
      label: 'Collapse 折叠面板'
    }]
  }]
}, {
  value: 'ziyuan',
  label: '资源',
  children: [{
    value: 'axure',
    label: 'Axure Components'
  }, {
    value: 'jiaohu',
    label: '组件交互文档'
  }]
}],
value: ['kekong','radio','dialog','loading'],

调用

const val = getSelectedNames(this.options, this.value)
console.log(val)
//'指南/设计原则/可控,组件/Form/Radio 单选框,组件/Others/Dialog 对话框,组件/Notice/Loading 加载'