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=""
/>
参数 | 取值 | 必选 | 说明 |
---|---|---|---|
cols | 1/2/3(默认) | 非必选 | 地址选择会有几列 |
value | string|number | 必选 | 默认需要选中的地址 |
visible | true / false | 必选 | 控制是否可见 |
事件 | 说明 |
---|---|
cancel | 隐藏组件 |
confirm | 选中地址确认,包含选中地址的具体信息,格式如下: |
{
value: "吉林省 辽源市"
lists: [
{name: "吉林省", value: "220000"},
{name: "辽源市", value: "220400"}
]
}
MIT