uni-app nvue城市选择器 lh-select-city

推荐插件 https://ext.dcloud.net.cn/plugin?id=4375
支持微信小程序 App nvue vue
在这里插入图片描述
在这里插入图片描述

<lhSelectCity
  :value="value"
  :windowHeight="windowHeight"
  :hotCitys="hotCitys"
  @onSelect="onSelectCity"
/>
## 参数说明
hotCitys  热门城市
value 当前选中城市
windowHeight  scroll的高 也是滑块的高 记得带单位!!! px rpx upx都支持
@onSelect   点击切换城市事件 参数为城市名称

import lhSelectCity from '@/components/lh-select-city/index.nvue'
	export default {
		components:{lhSelectCity},
		data() {
			return {
				hotCitys: [
					'杭州',
					'天津',
					'北京',
					'上海',
					'深圳',
					'广州',
					'成都',
					'重庆',
					'厦门'
				],
				value: '杭州',
				windowHeight:""
			}
		},
		onLoad(){
			// 计算出可用高度
			 this.windowHeight = uni.getSystemInfoSync().windowHeight-100+"px";
		},
		methods: {
			onSelectCity(city) {
			//切换城市事件
				console.log(city)
			}
		}
	}

作者是本人市面上兼容nvue的太少了就自己写了一个
有需要改进的或者意见都可以留言给我 尽力满足大家需求

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值