更新记录
1.1(2019-08-26) 下载此版本
Android 可以用了 选择部分改成双层循环
1.0(2019-08-22) 下载此版本
一个简单的省市区三级联动选择。微信小程序和H5可用。android上面就没有样式了,其他没测。
平台兼容性
关于这个
- 有个选择地址的需求,就按照picker的样子整了一个简单版的。
- 本来自己整了一个底部弹窗,又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器, 所以就用了这个。 弹窗地址
- 微信小程序和H5没问题,Android就不行了,没有样式,这该怎么解决啊?
- 城市信息通过网络请求获取,可能会延迟。
- 刚刚开始,希望大家多多包涵,共同学习。
用法
-
引入linkAddress
<!-- html--> <!-- 用于弹出底部框--> <button class="popup-btn" @tap="popup_bottom()">请选择</button> <!-- 选择组件 --> <linkAddress ref="linkAddress" :height="height" @confirmCallback="confirmCallback()" > </linkAddress> <!-- js--> import linkAddress from '../../components/xuan-linkAddress/xuan-linkAddress.vue' components:{ linkAddress }, methods: { <!-- 点击弹出--> popup_bottom: function() { this.height = '550rpx'; //显示 this.show_popup(); }, <!-- 显示弹窗--> show_popup: function() { this.$refs.linkAddress.show(); }, <!-- 回掉--> confirmCallback: function() { //从vuex中取到用户选择的数据 //let ads=this.$store.state.user_address; //this.address=ads.province+ads.city+ads.district; } }