1.0.1 • Published 7 years ago
addrsel-localstorage v1.0.1
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 | 省或市或区输入发生变化 | 省市区值 |