install组件

npm i vue-mobile-city

预览效果

属性

| 属性 | 类型 | 默认值 | 描述 | | ------------ | ------------ | ------------ | ------------ | | visible.sync | boolean | false | 控制隐藏或者显示联动面板 | | title | string | 请选择地址 | 标题文本 | | columns | number | 3 | 双列联动或三列联动(2/3) |

方法

| 事件 | 返回 | 描述 | | ------------ | ------------ | ------------ | | confirm | function | 返回选中城市名称以及城市编码 | cancel | function | 取消事件 |

使用方法

# 全局注册组件
import cascader from 'vue-mobile-city'
Vue.component('Cascader', cascader)

# 局部注册组件
import Cascader from 'vue-mobile-city'
export default {
  components: { Cascader }
}

example运行

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.