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

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.

    原文作者:蔚蓝
    原文地址: https://segmentfault.com/a/1190000020724224
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞