uniapp使用uview中自定义u-select三级联动、三个参数值

需要多设置一个值,selectClassfy是选择事件 useplacelist是数据包

html部分

<u-form-item label="工程" prop="fbgcs" :required="true">
	<view slot='right' @click="showfgcs = true">
		<u-icon name="arrow-right" size="30" color="#C4C4D1">
		</u-icon>
	</view>
	<u-select v-model="showfgcs" mode="mutil-column-auto" :list="useplacelist" @confirm="selectClassfy">
	</u-select>
	<u-input v-model="entrustForm.fbgcs" @click="showfgcs = true" placeholder="请选择工程" :disabled="true" />
</u-form-item>

this.treeData = res.redata;
if (this.treeData && this.treeData.length > 0) {
	this.treeData.forEach((item1, index) => { //一级
		this.useplacelist.push({
			value: item1.hfId,
			label: item1.hfName,
			extra: item1.phfId
		})
		if (item1.pmsProGchfBean && item1.pmsProGchfBean.length > 0) {
			item1.pmsProGchfBean.forEach((item2, index2) => { //二级
				let item2List = [];
				let item2Infos = {
					value: item2.hfId,
					label: item2.hfName,
					extra: item2.phfId
				};
				let item3List = [];
				item2List.push(item2Infos);
				this.useplacelist[index].children = item2List;
				if (item2.pmsProGchfBean && item2.pmsProGchfBean.length >
					0) {
					item2.pmsProGchfBean.forEach((item3, index3) => { //三级
						let item3Infos = {
							value: item3.hfId,
							label: item3.hfName,
							extra: item3.phfId
						}
						item3List.push(item3Infos);
						this.useplacelist[index].children[0]
							.children = item3List;
					})
				}
			})
		}
	});
} else {
	this.useplacelist = []
	this.unitEngineeringList = []
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值