您好,欢迎来到欧得旅游网。
搜索
您的当前位置:首页uni.app小程序实现三级联动

uni.app小程序实现三级联动

来源:欧得旅游网

1.引入三级联动的文件pca-picker-cc

<view class="d-flex">
			<view> 所在地区:</view>
	<pca-picker-cc @getAddressResultObj="getAddressResultObj" 
                   :addressList.sync="addressList">
	   <view class="uni-input">
			{{addressList.join(' ')}}
	   </view>
	</pca-picker-cc>
</view>

输入默认值

data() {
			return {
				addressList: ["安徽省", "合肥市", "瑶海区"],
                 form: {
					province: '',
					city: '',
					district: '',
				   },
                }
       }

输入的点击事件

methodes:{
	getAddressResultObj(e) {
				console.log(e);
				this.form.province = e.province.name;
				this.form.city = e.city.name;
				this.form.district = e.county.name
			}
      }

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- ovod.cn 版权所有 湘ICP备2023023988号-4

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务