vue-treeselect插件

Posted 2022-03-25 仲夏你的梦

npm install @riophae/vue-treeselect --save  //安装
import Treeselect from '@riophae/vue-treeselect'   //导入
import '@riophae/vue-treeselect/dist/vue-treeselect.css' //导入
components:  Treeselect   //定义

<treeselect
:options="orgData" //接口请求回来的数据
field="department_ids"
v-model="formRight['department_ids']"
:show-count="true"
:searchable="true" //开启搜索功能
:clearable="false" //关闭整个框数据删除
noResultsText="无匹配数据" //无数据时展示
placeholder="请选择" //默认展示
@select="selectDepartment"
:multiple="true" //开启多选
:disable-branch-nodes='true' //禁用父节点，只能选子节点
:async="true" //开启异步
:load-options="loadOptions" //延时加载
:appendToBody="true" //解决被遮挡问题
/>