基于vue的weex三级地址选择器，省市区地址选择器

weex-area-pick

weex-area-pick 基于 alibaba 的weex-ui中的wxc-popup，wxc-overlay 组件开发的三级地址选择器， 感谢weex-ui的开发团队辛苦开源weex-ui。

安装

npm i weex-area-pick

示例图

 

使用方法

<template>
  <div>
    <text @click="openPicker">打开</text>

     <weex-area-pick v-if="showAreaPicker"
                   :show="showAreaPicker"
                   :defaultAddr="defaultAddr"
                   @closeAreaPicker='close'>
     </weex-area-pick>
  </div>
</template>

<script>

  import weex-area-pick from 'weex-area-pick';

  export default {
    components: { weex-area-pick },
    data: () => ({
      defaultAddr: {
                     province: '北京',
                     city: '北京',
                     dist: '东城区'
                  }, // 可选
      showAreaPicker: false,
    }),
    methods: {
      openPicker () {
        this.showAreaPicker = true;
      },
      close (e) {
        console.log(e)
      }
    }
}
</script>

<style scoped>
</style>

属性值

type	value	desc
showAreaPicker	布尔值	是否显示
defaultAddr	{province: '北京',city: '北京',dist: '东城区'}	默认地址
closeAreaPicker	方法	回调函数，返回选择省市区格式 {province: '北京',city: '北京',dist: '东城区'}

 

如有需要，拿走不谢！https://github.com/xufeiayang/weex-area-pick方便的话帮忙点个星，哈哈哈哈!