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
			}
      }