UNPKG

vue-mobile-city

Version:
50 lines (45 loc) 1.34 kB
## install组件 ``` npm i vue-mobile-city ``` ## 预览效果 ![enter image description here](https://github.com/zuorong/vue-mobile-city/blob/master/src/assets/1558765182188.jpg?raw=true) ![enter image description here](https://github.com/zuorong/vue-mobile-city/blob/master/src/assets/1558765217564.jpg?raw=true) ## 属性 | 属性 | 类型 | 默认值 | 描述 | | ------------ | ------------ | ------------ | ------------ | | **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](https://cli.vuejs.org/config/).