更新记录
1.0.1(2021-05-17) 下载此版本
添加整理好的数据.
1.0.0(2021-05-15) 下载此版本
因工作需要,自行封装的城市三级联动选择器,灵活度更高,易于自行修改源代码
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
引入组件:
import Linkage from '../../components/linkage/linkage.vue'
使用组件:
<Linkage @conceal="conceal1"></Linkage>
数据获取
conceal1(param) {
const {chooseprovince, choosecity, choosearea} = param
// 获取到传过来的 省 市 区 县数据
this.title1 = chooseprovince + choosecity + choosearea
if(choosecity == '全部'){
this.succeed()
}else if(choosearea != ''){
this.succeed()
}
}
//筛选框关闭
succeed(){
this.$refs.uDropdown.close();
}
//上面配合了uviewUI的u-dropdown和u-dropdown-item组件使用