pc端Vue城市地区选择组件。
基本功能:
- 支持全选、反选以及全部清空。
- 支持按拼音筛选。
- 勾选省份将会勾选省份下所有城市。
- 传入数据,返回数据可灵活处理。
- 可根据自己实际业务扩展。
安装插件方式
npm install regional-selection --save# 或者yarn add regional-selection
用法
组件引入:
// import包 // useVue
使用:
<!-- 省略代码 -->data () { return { pickCity: [] }}
选择返回的数据:
属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
placeholder | - | String | 选择城市 |
showCloseBtn | 是否显示input框清空按钮 | Boolean | true |
clickModal | 是否点击遮罩关闭弹层 | Boolean | true |
inputClass | 替换预设的输入框样式 | String | null |
width | input框宽度 | Number | 200 |
事件
事件 | 说明 | 参数 |
---|---|---|
on-pick-city | 城市选择的回调事件 | 勾选的城市 |
本地运行
安装:npm install运行:npm run dev
如果项目npm安装完毕后无法运行,找到index.html文件里面这段注释即可。
<script src="https://cdn.bootcss.com/vue/2.5.18-beta.0/vue.min.js"></script>