需要使用到的组件 vue-treeselect

vue-treeselect中文文档

安装 npm install --save @riophae/vue-treeselect

局部引用：

import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'

使用：

multiple：是否允许多选
options：渲染的数据

			<treeselect
                v-model="addForm.resInterfaceId"
                placeholder="选择父级"
                :multiple="false"
                :options="options"
                :normalizer="normalizer"
              />

data:

normalizer(node) { //自定义渲染字段
        return {
          id: node.id,
          label: node.typeName,
          children: node.children
        }
}