vue iview 实现树形下拉框

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;
});
不然显示不了,要做回显也是这个思路

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值