vue 树形下拉选框

npm i wl-vue-select -S

<TreeSelect :disabled="isReadonly"
                            :searchable="false"
                            style="width:220px"
                            v-model="editForm.office"
                            :options="options"
                            placeholder="请选择科室"></TreeSelect>

<script>
import TreeSelect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
</script>

options: [{
        id: 1,
        label: '华西医院',
        children: [{
          id: 2,
          label: '放射科',
        }, {
          id: 3,
          label: '外科',
        }],
      }, {
        id: 4,
        label: '内科',
      }, {
        id: 5,
        label: '中医科',
      }]

具体文档：https://vue-treeselect.js.org/#more-features