【uniapp/uView】解决消息提示框悬浮在下拉框之上

需要实现这样的效果,即 toast 消息提示框在 popup 下拉框之上:

解决方法,把 <u-toast ref="uToast" /> 放在 u-popup 里面即可,这样就可以提升 toast 的优先级:

html 复制代码
<!-- 弹出下拉框 -->
			<u-popup :show="evaluateShow" @close="evaluateClose" @open="evaluateOpen">
				<div>
					<u-toast ref="uToast" />
					<div style="padding: 10px;border-bottom: 1px solid #f5f5f5;">评价分数</div>
					<u-textarea style="padding: 10px;" v-model="scoreVal" placeholder="请输入内容"></u-textarea>
					<div style="padding: 10px;border-bottom: 1px solid #f5f5f5;">作业评价</div>
					<u-textarea style="padding: 10px;" v-model="workVal" placeholder="请输入内容"></u-textarea>
					<u-upload style="padding: 10px;" :fileList="picList" @afterRead="afterRead"
						@delete="deletePic"></u-upload>
					<u-button type="primary" text="提交" @click="evaluateReasonClick"
						style="background-color: #0081CC;"></u-button>
				</div>
			</u-popup>
相关推荐
狮子座的男孩13 小时前
html+css基础:25、3D变换(3D空间与景深/透视点的位置/位移/旋转/缩放/多重变换/背部可见性)
css·经验分享·html·旋转·透视点·缩放/位移·3d变换/空间与景深
anOnion15 小时前
构建无障碍组件之Grid Pattern
前端·html·交互设计
离歌漠15 小时前
《我用 Tauri 做了一个本地开发工具箱》
rust·typescript·vue
xy345318 小时前
Axure 9.0 内联框架加载方式
前端·ui·html·axure·原型·产品设计
hudie76520 小时前
LikeShop 二开最常改的 5 个文件(附改前改后对比)
前端·uni-app·php·个人开发
enjoy编程1 天前
playwright学习-I
typescript·vue·nodejs·1024程序员节·playwright
奶酪博士1 天前
【1024快乐】用HTML写一个本地版心愿墙页面
html·1024程序员节
梅雅达编程笔记1 天前
Day 17 | uni-app 小程序:前端从零搭建
微信小程序·typescript·uni-app·vue3·pinia·前端开发·全栈
日常筹谋记1 天前
工业厂房 TPO 防水卷材:技术需求如何传导到配方层面?
运维·网络·html
BioRunYiXue2 天前
使用docker分析高通量测序数据
java·数据库·人工智能·spring cloud·docker·tomcat·html