自定义(省市区)三级联动选择器

平时使用的三级联动选择器组件，需要点击触发弹窗显示，确定或取消选择。但是有的需求需要位置居中并且直接显示而不是下弹窗。以下为自定义的一个三级联动选择器

使用picker-view和picker-view-column，如果想要实现弹窗和确定取消效果可以在外层自定义或使用组件展示。在小程序中自定义三级联动选择器基本上也是如此，代码遵循小程序的就可以了~

效果图：

uniapp中的使用例子：

页面

<template>
	<view class="find">
		<picker-view indicator-style="height:88rpx;" style="height:440rpx" :value="value" @change="bindChange" class="citybody">
		    <picker-view-column style="line-height: 88rpx;font-size: 28rpx;text-align: center;">
		      <view v-for="(item,index) in provinces">{
  {item}}</view>
		    </picker-view-column>
		    <picker-view-column style="line-height: 88rpx;font-size: 28rpx;text-align: center;">
		      <view v-for="(item,index) in citys">{
  {item}}</view>
		    </picker-view-column>
		    <picker-view-column style="line-height: 88rpx;font-size: 28rpx;text-align: center;">
		      <view v-for