0.1.1 • Published 4 years ago
v-mobile-area-selector v0.1.1
v-mobile-area-selector
安装
yarn add v-mobile-area-selector
OR
npm i v-mobile-area-selector使用
首先引入依赖
import AreaSelector from 'v-mobile-area-selector'全局注册
// main.js
Vue.use(AreaSelector)局部注册
// script
components: {
AreaSelector
}
//template
<area-selector
:visible="true"
:cols="3"
:value=""
@cancel=""
@confirm=""
/>API
属性
| 参数 | 取值 | 必选 | 说明 |
|---|---|---|---|
| cols | 1/2/3（默认） | 非必选 | 地址选择会有几列 |
| value | string｜number | 必选 | 默认需要选中的地址 |
| visible | true / false | 必选 | 控制是否可见 |
事件
| 事件 | 说明 |
|---|---|
| cancel | 隐藏组件 |
| confirm | 选中地址确认，包含选中地址的具体信息，格式如下： |
{
value: "吉林省 辽源市"
lists: [
{name: "吉林省", value: "220000"},
{name: "辽源市", value: "220400"}
]
}license
MIT