Package Exports

@china5a/vue-multi-address
@china5a/vue-multi-address/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@china5a/vue-multi-address) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-multi-address

多功能自定义拓展地址库，支持数组type 不同类型的三级联库
强依赖iview

BUG

在iview modal tabs 中出现显示异常 -2017-9-18 fiex
当重置prop 是，无法联动data的值变化 -2019年6月24日20:10:46 fix
移除亢余代码 —— 2019年6月25日23:28:29
补全省份全称 —— 2019年6月25日23:33:11

Tips非常重要

这个项目强依赖于 https://github.com/iview/iview ，不然css 会Boooooooom啊
参考类型项目 https://github.com/G-Veigar/vue-address-picker

install

npm install --save vue-multi-address

父组件中

<template>
  <address-picker v-model="location" :level="3" :type='["unit","address"]' @on-change="getChangeValue"></address-picker>
</template>

event 子组件返回值地区的对象 {province,city,district}

@on-change return{Object}

methods:{
  getChangeValue(location)  {
    console.info(location);
  }
}

props

level {number}

    level 分为三级 1 2 3，
    level 1 则只会出现一个级联
    level 2 则只会出现两个级联
    level 3 则只会出现三个级联

type {array}

    :type='["unit","address"]'
    
    目前只支持 两个类型库，需要的话，自己在源码里面增加以适应不同的场合
    如果空数组则default : address

value {Object} (双向绑定) 支持value 传入默认值

    <address-picker :value="location" :level="3" :type='["unit","address"]' @on-change="getChangeValue" ></address-picker>

此时在js 里面这样赋予默认值

data(){
      return {
        location: {
          province: "浙江",
          city: "",
          district: ""
        }
      }
    }

lib 库格式纯js文件

module.exports={
    { "name": "北京", "city": [{ "name": "北京", "area": ["东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", "通州区", "顺义区", "昌平区", "大兴区", "平谷区", "怀柔区", "密云县", "延庆县"] }] },
    { "name": "天津", "city": [{ "name": "天津", "area": ["和平区", "河东区", "河西区", "南开区", "河北区", "红桥区", "塘沽区", "汉沽区", "大港区", "东丽区", "西青区", "津南区", "北辰区", "武清区", "宝坻区", "宁河县", "静海县", "蓟  县"] }] }
}

@china5a/vue-multi-address