Natively Pluggable Module

    vue-multi-address

    1.0.7 • Public • Published

    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非常重要

    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": ["和平区", "河东区", "河西区", "南开区", "河北区", "红桥区", "塘沽区", "汉沽区", "大港区", "东丽区", "西青区", "津南区", "北辰区", "武清区", "宝坻区", "宁河县", "静海县", "蓟  县"] }] }
    }

    Install

    npm i vue-multi-address

    DownloadsWeekly Downloads

    3

    Version

    1.0.7

    License

    MIT

    Unpacked Size

    74.8 kB

    Total Files

    8

    Last publish

    Collaborators

    • veaba