一个基于elementUi的省市县三级地址联动插件本地化数据

51次阅读

共计 730 个字符,预计需要花费 2 分钟才能阅读完成。

wl-address

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

简介

这是一个基于 elementUi 的 el-select 组件的省市县三级地址联动插件,使用本地化数据,无接口依赖。
el-select

在线演示

快速上手

npm i wl-address --save

npm i wl-address -S

import wlAddress from 'wl-address'

Vue.use(wlAddress)

文档

| 序号 | 参数 | 说明 | 类型 | 可选值 | 默认值 |
| —- | —- | —- | —- | —- | —- |
| 1 | size | 输入框尺寸 | String | medium/small/mini | – |
| 2 | address | 绑定所选地址数据的字段。格式要求:[{“code”:”130000″,”name”:” 河北省 ”},{“code”:”130200″,”name”:” 唐山市 ”},{“code”:”130203″,”name”:” 路北区 ”}] | String | – | – |
| 3| type| 三个下拉框联动模式和一个下拉框级联模式 | String |default/cascader| default |

版本记录

  1. 0.2.1 发布,增加为两个模式:三个下拉框联动模式和一个下拉框级联模式
  2. 0.1.0 初次发布,0 依赖的省市县三级地址插件

Customize configuration

See Configuration Reference.

正文完
 0