vue-next-address-picker v1.0.3

四级地址选择器

安装

npm i vue-next-address-picker

使用

    <template>
        <vue-next-address-picker  
                :visible="showPickerRef"
                @choice="choiceAddress"
                @close="showPickerRef=false"
                :pickerLevel="4"
                >
        </vue-next-address-picker>
    </template>
    <script>
        import VueNextAddressPicker from "vue-next-address-picker"
        import {ref,defineComponent} from "vue"
        export default defineComponent({
            components:{
                VueNextAddressPicker
            },
            setup(){
                const showPickerRef = ref(false);
                const choiceAddress = data=>{
                    const {province,city,area,street} = data.province;
                    console.log(data)
                }
                return {
                    showPickerRef,
                    choiceAddress
                }
            }
        })

    </script>

效果

属性

事件