uniapp 问题汇总-问题数(2)

ios scroll-view无法滚动 使用uview折叠面板嵌套scroll-view

嵌套之后安卓可以滚动，ios无法滚动

<u-collapse accordion @open='collapseOpen' @change='collapseChange' ref="uCollapse" :value='uCollapseValue'>
				<u-collapse-item :name='index' :title="item.text+' ('+item.num+'张) '" v-for="item,index in voucherCate"
					:key="index">
					<view class="u-collapse-content" v-if="openList==index"
						:style="{'height':`calc( 100vh - 88rpx - 170rpx - ${voucherCateLength * 82 }rpx  - ${calculateStatusBar})`}">
						<scroll-view scroll-y="true" class="scroll-view " :enhanced="true" :bounces="false"
							:refresher-enabled='enabled' refresher-default-style='none' @refresherrefresh='refresh'
							@refresherpulling='pulling' @scroll='scroll' :refresher-triggered='triggered'
							@refresherrestore='store' @scrolltolower='scrollBottom'>

							<view
								:style="{background: 'url('+wanhaoCard+') #FFF no-repeat center center',backgroundSize:'100% 100%'}"
								class="brokers-box-c" v-for="(item,index) in brokersList" :key="index"
								@click="onBrokers(item,index)">
								
								<view class="brokers-box-r justify-between align-center">
									
									<view v-if="checked==0" class="go-use justify-center align-center"
										@click="onBrokers(index)">
										去使用
									</view>
								</view>


							</view>

						</scroll-view>

					</view>
				</u-collapse-item>

			</u-collapse>

原因是动态设置scroll-view高度的时候将高度错误

错误代码

:style="{'max-height':`calc( 100vh - 88rpx - 170rpx - ${voucherCateLength * 82 }rpx  - ${calculateStatusBar})`}">

正确ios代码 解决

:style="{'height':`calc( 100vh - 88rpx - 170rpx - ${voucherCateLength * 82 }rpx  - ${calculateStatusBar})`}">

页面跳转失效

报错代码

[Vue warn]: Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.
 at <Tabbar__pageId=6__pagePath="pages/tabbar/tabbar"__pageQuery={
   } ...>

找到问题代码

<mine v-if="PageCur==1" ref='mine'></mine>

解决问题 问题的原因是因为vue3的ref如果使用在setup里要声明对应的

<mine v-if="PageCur==1" ></mine>