Vue二级联动

Vue二级联动

1.省市县三级联动
(1)省市县三级联动原码如下:

<template>
    <yd-layout title="CitySelect">

        <yd-cell-group title="默认调用" class="demo-small-pitch">
            <yd-cell-item arrow>
                <span slot="left">所在地区：</span>
                <input slot="right" type="text" @click.stop="show1 = true" v-model="model1" readonly placeholder="请选择收货地址">
            </yd-cell-item>
        </yd-cell-group>

        <yd-cell-group title="设置默认值">
            <yd-cell-item arrow>
                <span slot="left">所在地区：</span>
                <input slot="right" type="text" @click.stop="show2 = true" v-model="model2" readonly placeholder="请选择收货地址">
            </yd-cell-item>
        </yd-cell-group>

        <yd-cityselect v-model="show1" :callback="result1" :items="district"></yd-cityselect>

        <yd-cityselect v-model="show2" :callback="result2" :items="district" provance="新疆" city="乌鲁木齐市" area="天山区"></yd-cityselect>

    </yd-layout>
</template>

<script type="text/babel">
    import District from 'ydui-district/dist/jd_province_city_area_id';