uni-app APP端弹窗无法正常弹出
uni-app APP端弹窗无法正常弹出
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | HBuilderX |
产品分类
- uniapp/App
PC开发环境操作系统
- Windows
PC开发环境操作系统版本号
- windows11
HBuilderX类型
- 正式
HBuilderX版本号
- 3.2.16
手机系统
- Android
手机系统版本号
- Android 11
手机厂商
- 华为
手机机型
- 华为mate30
页面类型
- vue
vue版本
- vue2
打包方式
- 云端
### 示例代码：
```javascript
<template>
<scroll-view>
<view>
<uni-segmented-control :current="current" :values="items" @clickItem="switch_tab" styleType="button"
activeColor="#3589b8" class="bx-switch">
</uni-segmented-control>
<view class="content">
<view v-if="current === 0">
<nx-search :selectList="search_list" button="inside" placeholder="请输入关键字" @search="search_sample"
@confirm="search_sample" v-model="searchQuery.keyword" />
<uni-list>
<uni-list-item :showArrow="false">
<view class="flex text-bold align-center text-center">
<view class="flex-sub">样品ID</view>
<view class="flex-sub">样品名称</view>
<view class="flex-sub">样品状态</view>
<view class="flex-sub">样品时间</view>
</view>
</uni-list-item>
</uni-list>
<uni-list v-for="(item,index) in sample_list" :key="item.sample_number">
<uni-list-item :showArrow="false" style="border-top:1px solid #8799A3;"
@tap="show_modal(item.sample_number)">
<view class="flex align-center text-center">
<view class="flex-sub bx-outline">{{item.c_sample_id_sm}}</view>
<view class="flex-sub">{{item.sample_name}}</view>
<view class="flex-sub">{{item.status}}</view>
<view class="flex-sub">{{item.login_date}}</view>
</view>
</uni-list-item>
</uni-list>
</view>
<view v-if="current === 1">
<nx-search :selectList="search_list" button="inside" placeholder="请输入关键字" @search="search_sample"
@confirm="search_sample" v-model="searchQuery.keyword" />
<uni-list>
<uni-list-item :showArrow="false">
<view class="flex text-bold align-center text-center">
<view class="flex-sub">ID</view>
<view class="flex-sub">名称</view>
<view class="flex-sub">状态</view>
<view class="flex-sub">时间</view>
</view>
</uni-list-item>
</uni-list>
<uni-list v-for="(item,index) in sample_list" :key="item.sample_number">
<uni-list-item :showArrow="false" style="border-top:1px solid #8799A3;"
@tap="show_pic(item.sample_number)">
<view class="flex align-center text-center">
<view class="flex-sub bx-outline">{{item.c_sample_id_sm}}</view>
<view class="flex-sub">{{item.sample_name}}</view>
<view class="flex-sub">{{item.status}}</view>
<view class="flex-sub">{{item.login_date}}</view>
</view>
</uni-list-item>
</uni-list>
</view>
<uni-pagination :show-icon="true" :total="pagination.total" :current="pagination.current"
:pageSize="pagination.pageSize" @change="pagination_search"></uni-pagination>
</view>
</view>
<!-- 样品接收弹窗 -->
<view class="cu-modal" :class="modalName == 'Receive' ? 'show' : ''">
<view class="cu-dialog bg-white">
<view class="cu-bar justify-end">
<view class="model-title">接收提醒</view>
<view class="action" @tap="hide_modal"><text class="cuIcon-close text-red"></text></view>
</view>
<view class=" align-center">
<view class="flex text-center">
<view class="flex-twice">
<swiper style="height: 600rpx;" :indicator-dots="true" :circular="true" :autoplay="true"
:interval="3000" :duration="1000">
<swiper-item v-for="(item,index) in swiper.info" :key="index">
<img class="swiper-img" :src="item.url">
</swiper-item>
</swiper>
</view>
</view>
<view class="flex padding-sm text-center">
<view class="flex-twice">
<button class="cu-btn bg-blue" @tap="upload_pic()">拍照</button>
</view>
</view>
</view>
<view class="cu-bar bg-white align-center justify-center">
<view class="action">
<button class="cu-btn bg-red " @tap="hide_modal">取消</button>
<button class="cu-btn bg-green margin-left" @tap="recive_sample()">接收样品</button>
</view>
</view>
</view>
</view>
<!-- 样品照片照片 -->
<view class="cu-modal" :class="pic_modal == 'pic' ? 'show' : ''">
<view class="cu-dialog bg-white">
<view class="cu-bar justify-end">
<view class="model-title">照片详情</view>
<view class="action" @tap="hide_pic"><text class="cuIcon-close text-red"></text></view>
</view>
<view class="flex">
<view class="flex-twice">
<swiper style="height: 600rpx;" :indicator-dots="true" :circular="true" :autoplay="true"
:interval="3000" :duration="1000">
<swiper-item v-for="(item,index) in swiper.info" :key="index">
<img class="swiper-img" :src="item.url" :alt="item.url">
</swiper-item>
</swiper>
</view>
</view>
<view class="cu-bar bg-white align-center justify-center">
<view class="action">
<button class="cu-btn bg-green margin-left" @tap="hide_pic">确定</button>
</view>
</view>
</view>
</view>
<!-- 扫码接收弹窗 -->
<view class="cu-tips" :class="TipModal == 'tips' ? 'show' : ''">
<view class="cu-dialog tips-text">
<view class="align-center bg-black">
<view class="cu-tips-list" @tap="scan_sample">
<view class="flex align-center">
<view class="flex-sub">
<uni-icons type="scan" color="white" size="20"></uni-icons>
</view>
<view class="flex-treble">扫码接收</view>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
</template>
操作步骤：
- 新建一个uniapp项目，将提供的代码复制到一个页面中，打包成APP测试
预期结果：
- 弹窗正常打开
实际结果：
- 弹窗不能正常打开
bug描述：
- 该页面的弹窗在APP端无法弹出，在H5端没问题，真机调试也没问题。
更多关于uni-app APP端弹窗无法正常弹出的实战教程也可以访问 https://www.itying.com/category-93-b0.html
8 回复
用示例代码hello uni-app能出现你的问题吗？
不能的话你需要排查出来具体你哪个页面，甚至哪一行导致的。
找出来具体原因后提供一个能复现你描述的bug的最小化demo，让我们及时定位问题，及时修复。
更多关于uni-app APP端弹窗无法正常弹出的实战教程也可以访问 https://www.itying.com/category-93-b0.html
