https://github.com/veaba/vue-multi-address
多功能自定义拓展地址库，支持 数组type 不同类型的三级联库
https://github.com/veaba/vue-multi-address
Last synced: about 1 year ago
JSON representation
多功能自定义拓展地址库，支持 数组type 不同类型的三级联库
- Host: GitHub
- URL: https://github.com/veaba/vue-multi-address
- Owner: veaba
- Created: 2017-09-15T12:52:59.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2019-06-29T09:09:05.000Z (almost 7 years ago)
- Last Synced: 2024-04-26T18:46:58.490Z (about 2 years ago)
- Language: JavaScript
- Size: 43.9 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
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`~~
```shell
临时使用
npm install --save @china5a/vue-multi-address
```
## 父组件中
```js
```
## event 子组件返回值 地区的对象 {province,city,district}
- @on-change return{Object}
```js
methods:{
getChangeValue(location) {
console.info(location);
}
}
```
## props
- level {number}
```vue
level 分为三级 1 2 3，
level 1 则只会出现一个级联
level 2 则只会出现两个级联
level 3 则只会出现三个级联
```
- type {array}
```vue
:type='["unit","address"]'
目前只支持 两个类型库，需要的话，自己在源码里面增加以适应不同的场合
如果空数组则default : address
```
- value {Object} (双向绑定)
支持value 传入默认值
```vue
```
此时 在js 里面这样赋予默认值
```js
data(){
return {
location: {
province: "浙江",
city: "",
district: ""
}
}
}
```
## lib 库 格式 纯js文件
```js
module.exports={
{ "name": "北京", "city": [{ "name": "北京", "area": ["东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", "通州区", "顺义区", "昌平区", "大兴区", "平谷区", "怀柔区", "密云县", "延庆县"] }] },
{ "name": "天津", "city": [{ "name": "天津", "area": ["和平区", "河东区", "河西区", "南开区", "河北区", "红桥区", "塘沽区", "汉沽区", "大港区", "东丽区", "西青区", "津南区", "北辰区", "武清区", "宝坻区", "宁河县", "静海县", "蓟 县"] }] }
}
```