nvue页面绑定很多vi-if进行显示组件，然后运行在iOS app上，偶现这种情况。对于第一种情况试过解决方法如下：
<view><test-a v-if="showA"></test-a></view>
<view><test-b v-if="showB"></test-b></view>在他们外部再套一层没有vif判断的view时，这个时候顺序就正常了
9***@qq.com
- 发布：2023-09-14 14:07
- 更新：2023-09-14 14:07
- 阅读：194
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.5.2 (22G91)
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iPhone12mini
页面类型： nvue
vue版本： vue2
打包方式： 离线
项目创建方式： HBuilderX
操作步骤：
预期结果：
希望iOS端nvue页面的组件vif显示隐藏正常；
希望iOS端nvue页面的组件vif显示隐藏正常；
实际结果：
iOS端nvue页面的组件vif显示偶发异常；
iOS端nvue页面的组件vif显示偶发异常；
bug描述：
iOS平台，在nvue页面使用v-if控制组件显示隐藏时，如果页面v-if判断比较多的情况下。会偶尔出现两种情况：
1、比如如下伪代码，从上到下是a、b组件，运行后显示顺序b组件会出现在a的上方的情况；
<test-a v-if="showA"></test-a>
<test-b v-if="showB"></test-b>2、改变了两个值不同，会出现两个组件都显示的情况
<uni-popup ref="pop" type="bottom">
<test-a v-if="showA"></test-a>
<test-b v-if="showB"></test-b>
</uin-popup>
methods: {
change() {
this.showA = true;
this.showB = false;
this.$refs.pop.open();
}
}
0 个回复