<template>
    <div>
        <van-field
                readonly
                v-model="dateValue"
                label="省市区"
                placeholder="点击选择省市区"
                @click="showPicker = true"
        ></van-field>
        <van-field
                readonly
                clickable
                label="城市"
                :value="value"
                placeholder="选择城市"
                @click="showPicker = true"
        ></van-field>
        <van-popup v-model="showPicker" round position="bottom">
            <van-picker
                    show-toolbar
                    :columns="columns"
                    @cancel="showPicker = false"
                    @confirm="onConfirm"
            ></van-picker>
        </van-popup>
    </div>
</template>

<script>
    /**
     * 该组件不可用  请自行修改
     */
    export default {
        name: "CascadeCity"
    }
</script>

<style scoped>

</style>
