1:首先需要先安装@riophae/vue-treeselect":"^0.0.37
这是vue官方的中文文档可以参考 https://www.vue-treeselect.cn/#node
2:需要引入至vue页面使用
import Treeselect from “@riophae/vue-treeselect”;
import “@riophae/vue-treeselect/dist/vue-treeselect.css”;
components: {
Loadding,
Treeselect,
},
3:需要在页面中写入
<div class="search_row_label">单位管理范围:</div>
<div class="search_row_content">
<treeselect
noResultsText="暂无结果"
v-model="dwgxfw"
clearValueText="删除" //“×”按钮的标题
:searchable="false" //是否启用搜索功能
:options="szxzList" //选项数据
:load-options="loadOptions" //用于动态加载选项
placeholder="请选择"
@select="changeSelect" //选择一个选项后发出用于选择
@input="inputChange" //输入框值更改后发出触发
>
</treeselect>
选项数据 要求树形数据,有子数据
https://www.vue-treeselect.cn/