【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>
相关推荐
FindYou.12 小时前
基于mdEditor实现数据的存储和回显(导出pdf&表情包&目录)
javascript·vue
星火开发设计12 小时前
标准模板库 STL:C++ 的利器 —— 容器、算法、迭代器
java·开发语言·数据结构·c++·算法·html
码云数智-园园13 小时前
uni-app 实现物流进度跟踪功能:从 UI 到数据驱动的完整方案
ui·uni-app
Never_Satisfied14 小时前
在JavaScript / HTML中,触发某个对象的click事件
开发语言·javascript·html
henry10101015 小时前
通过GitHub Page服务免费部署静态Web网站
前端·html·github·html5
PD我是你的真爱粉2 天前
Vue3核心语法回顾与Composition深入
前端框架·vue
tod1132 天前
Redis 数据类型与 C++ 客户端实践指南(redis-plus-plus)
前端·c++·redis·bootstrap·html
予你@。2 天前
UniApp + Vue3 实现 Tab 点击滚动定位(微信小程序)
微信小程序·小程序·uni-app
游戏开发爱好者82 天前
完整教程:App上架苹果App Store全流程指南
android·ios·小程序·https·uni-app·iphone·webview
henry1010102 天前
Deepseek辅助生成的HTML5网页版抄经典《弟子规》
前端·javascript·css·html·html5