vue 中如果不想使用elementui 的级联组件, 可以使用vue treeselect,树形下拉组件,效果如图:
npm install --save @riophae/vue-treeselect
<template>
<div id="app">
<treeselect
v-model="value"
:multiple="true" // 多选
:options="options"
:normalizer="propTreeNormalizer" // // 如果后台返回的数据 与vue-treeselect要求的数据结构不同, 可以使用此属性
noOptionsText = "暂无数据"
noResultsText = "暂无搜索结果"
placeholder="请选择"
:flat="true" // 多选时如果子集全选中, 显示框中展示的是所有子集的名称, 如果值为false,子集全选中时 显示框中只展示父级的名字
:default-expand-level="1" // 默认展开第一级
:disable-branch-nodes="true" // 多选时 父级不显示多选框
/>
</div>
</template>
<script>