vue iview 实现树形下拉框
使用iview-select-tree实现,不知道怎么安装,可以参考https://www.npmjs.com/package/iview-select-tree
,直接代码看不懂可以问
< FormItem label=“机构筛选” prop=“role”>
<selectTree v-if=“loading” v-model=“queryForm.organCode” placeholder=“全部机构” :showQuery=“false” :treeData=“departmentList” @on-select-change=“changeQuery” clearable>
最重要的是这个 v-if=“loading”,必须设置这个可以定义为true
orgCodeMap: {
value: “orgCode”,
title: “orgName”,
children: “child”,
},
loading:true,
这个orgCodeMap是为了转换机构数使用的
//查询机构树
getDepartmentList() {
let that=this;
getOrganTree().then((res) => {
if (res && res.data && res.data.resultCode == 200) {
let list = res.data.resultData;
this.loading=false;
this.KaTeX parse error: Expected 'EOF', got '}' at position 143: …eMap); }̲ }); …nextTick(()=>{
this.loading = true;
});
不然显示不了,要做回显也是这个思路