dvadmin3中联动效果

本文主要介绍了在前端开发中如何使用CRUD(Create,Read,Update,Delete)操作处理province和city字段,特别是通过dict-select组件实现省级行政区和城市之间的联动选择,以及API调用来获取数据并更新表单状态。
摘要由CSDN通过智能技术生成

crud字段

province:{
					title: '所属省份',
					type: 'dict-select',
					dict: dict({
						url: '/api/system/area/',
						label:'name',
						value:'code'
					}),
					column: {
						width: 100,
					},
					form:{
						show:true,
						valueChange({ form, value, getComponentRef }) {
							form.city = undefined; // 将“city”的值置空
							if (value) {
								cityDict.url= `/api/system/area/?pcode=${form.province}`
								getComponentRef("city").reloadDict();
							}
						}
					}
				},
				city:{
					title: '所属城市',
					type: 'dict-select',
					dict: cityDict,
					column: {
						width: 100,
					},
					form:{
						show:true
					}
				}

cityDict

const cityDict = dict({
		url: "/api/system/area/",
		label:'name',
		value:'code',
		immediate: false
	})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值