【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>
相关推荐
RuoyiOffice12 小时前
超级个体接私活必看:后端+前端+移动端三端一体企业管理系统怎么选(2026)
java·spring boot·vue·uniapp·全栈·企业管理·接私活
xxwl58513 小时前
HTML 小总结:从骨架到枝叶,系统掌握网页结构
前端·html
2501_915918411 天前
深入对比iOS开发中常用性能监控工具的底层原理与优缺点分析
android·ios·小程序·https·uni-app·iphone·webview
狗凯之家源码网1 天前
机车圈系统核心功能与实战效果展示
vue·node
AI多Agent协作实战派1 天前
AI多Agent协作系统实战(二十三):Agent读HEARTBEAT.md不读AGENTS.md——openclaw的文件加载之谜
前端·数据库·人工智能·uni-app
tg-zm8899961 天前
uni-app开发经验分享-跨端开发经验总结
uni-app
blns_yxl1 天前
购物车(HTML+JS+CSS)
html
m0_547486661 天前
《Vue.js + uni-app全栈开发从入门到实践 》全套PPT课件2026版
vue.js·uni-app
blns_yxl1 天前
正则驱动实时表单验证(HTML+CSS+JS+正则)
javascript·css·html
大白要努力!1 天前
纯前端实现 PDF 加水印工具 —— 零后端、支持中文、实时预览
前端·pdf·html