uniapp picker 在 ios中只有遮罩层或者 picker在app端第一次点击无法弹起，第二次几率性正常

_不是惊风

已于 2023-03-17 14:23:20 修改

阅读量7.5k

点赞数

分类专栏： uniapp vue 文章标签： javascript 前端 vue.js

于 2021-07-15 10:55:17 首次发布

本文链接：https://blog.csdn.net/weixin_43240445/article/details/118754351

版权

vue 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

uniapp

6 篇文章 0 订阅

订阅专栏

1. uniapp picker 在 ios中只有遮罩层或者 picker在app端第一次点击无法弹起，第二次几率性正常

官方回复：https://ask.dcloud.net.cn/question/119591
解决：临时解决办法：在manifest.json中修改 “nvueStyleCompiler” : “weex”

官方在HBuilderX 3.1.7 已修复，但本项目未能解决，修改 “nvueStyleCompiler” : "weex"后正常不复现
还可以使用uni-popup和 picker-view结合使用，手写弹出层

<template>
	<uni-popup ref="popup" type="bottom" class="uni-popup">
		<view class="popup" >
			<Search @search="handleSearch" style="margin: 30rpx 30rpx;" />
			<view>
				  <picker-view :pickerValue="value" :indicator-style="indicatorStyle" @change="bindChange" class="picker-view">
						<picker-view-column>
							<view class="item" v-for="item in expertList">{{item.expert_name}}</view>
						</picker-view-column>
				  </picker-view>
			</view>
		 </view>
	</uni-popup>
</template>

<script>


</script>

<style lang="scss">
	.popup{
		width: 750rpx; 
		height: 800rpx;
		border-top-left-radius:40rpx;
		border-top-right-radius:40rpx;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		touch-action: none;
	}
	.picker-view {
		width: 750rpx;
		height: 400rpx;
		// margin-top: 20rpx;
		// border: 1rpx solid red;
	}
	.item {
		background-color: #F0F2F8;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		line-height: 60rpx;
	}