526互联

vue-treeselect使用案例

发布时间 2023-11-30 10:15:32作者: Felix_Openmind

https://vue-treeselect.js.org/

父子节点没有关联

<TreeSelect
          flat
          style="background-color: #0e3977"
          placeholder="请选择"
          v-model="org" :multiple="true" :options="state.orgData" />

// import the component
import TreeSelect from 'vue3-treeselect'
// import the styles
import 'vue3-treeselect/dist/vue3-treeselect.css'

实现特殊情况下只能选择叶子节点

<treeselect
        v-model="treeValue"
        :options="getOptions"
        flat
        value-consists-of="BRANCH_PRIORITY"
        :disableBranchNodes="true"
        >
    </treeselect>