addrsel-localstorage

A high quality address select component with Vue.js for Chinese
一个基于Vue.js的省市区地址选择三级联动插件

首次挂载从服务器用jsonp加载数据，再次使用从localStorage获取

example

如何安装

CDN引入

<script src="https://unpkg.com/addrsel-localstorage"></script>

NPM 安装

npm i addrsel-localstorage

参数说明

| 参数 | 类型 | 默认值 | 可选值 | 描述 | | :------------: | :------------: | :------------: | :------------: | :------------: | | v-model | Object | { shengValue: '', shiValue: '', quValue: '' } | - | 省市区值的输入绑定 | | shengPlaceholder | String | '请输入（选择）省份' | - | 提供省输入框可描述输入字段预期值的提示信息（ie下省略） | | shiPlaceholder | String | '请输入（选择）市' | - | 提供市输入框可描述输入字段预期值的提示信息（ie下省略） | | quPlaceholder | String | '请输入（选择）区' | - | 提供区输入框可描述输入字段预期值的提示信息（ie下省略） | | enableTips | Boolean | true | true,false| 是否显示输入地址错误提示 | | shengDisable | Boolean | false | true,false| 省输入禁用 | | shiDisable | Boolean | false | true,false| 市输入禁用 | | quDisable | Boolean | false | true,false| 区输入禁用 | | inputStyles | Object | {height: '30px', width: '150px', borderRadius: '4px', fontSize: '14px'} | - | 省市区输入框样式自定义 | | horizontal | Boolean | true | true,false | 输入框水平布局还是垂直布局 | | selWidth | String | '280px' | - | 选择框宽度 |

事件

| 事件名称 | 说明 | 回调参数 | | :------------: | :------------: | :------------: | | sheng-value-change | 省输入发生变化 | 省份值 | | shi-value-change | 市输入发生变化 | 城市的值 | | qu-value-change | 区输入发生变化 | 区值 | | addr-change | 省或市或区输入发生变化 | 省市区值 |