# 省市区级联选择

这个功能的实现,使用的是uniapp的picker,并不是一个独立的组件,而是以模板的形式存在的。

方法 参数 说明
areaFormInit 初始化级联数据
areaFormSelect area 编辑模式时,设置默认选中的区域
事件 参数 说明
onAreaFormChange areaInfo 选中了区域后触发

# demo


<view class="ykb-form-item a-flex-start">
    <view>地区</view>
    <view class="a-flex-item">
        <picker mode="multiSelector" @change="bindPickerChange"
                @columnchange="bindMultiPickerColumnChange"
                :value="multiIndex" :range="parentTitles" range-key="name">
            {{areaForm.area_info||'请选择'}}
        </picker>
    </view>
</view>

    import AreaForm from '../tpl/province-city-area-choose'

    export default {
        mixins: [AreaForm],
        created() {
            this.areaFormInit();
            //this.areaFormSelect('湖南省 长沙市 雨花区');
        },
        methods: {
            onAreaFormChange(areaInfo) {
                this.myModel.area = areaInfo;
            }
        }
    }
Last Updated: 2/10/2020, 5:55:07 PM