【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>
相关推荐
xy345311 小时前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
bug总结13 小时前
uniapp 微信小程序分包规范
微信小程序·小程序·uni-app
天府云创14 小时前
uni-app X 蒸汽模式发布!性能比肩原生~
前端框架·uni-app·移动开发·原生应用·蒸汽模式·app研发·多端适配
蜡台16 小时前
ux-camera 跨平台相机组件
数码相机·vue·uniapp·camera·nvue·取景框
堕落年代17 小时前
uni-app x 蒸汽模式:实时流式语音识别(ASR)三大疑难杂症全记录
人工智能·uni-app·语音识别
大梦想家a21 小时前
基于 HTML+CSS 的个人生活主页设计与实现
css·html·生活
RisunJan1 天前
uni-app 高频面试题与解答
uni-app
雪芽蓝域zzs1 天前
第二十七节:进阶:路由权限控制 + 404 / 401 全局异常页面开发
前端·javascript·html
梦曦i1 天前
@meng-xi/create-uni-app vs unibest:轻量脚手架与重型框架的定位之争
前端·uni-app
平头哥技术团队1 天前
Day 10 | 工欲善其事:VS Code 配置与项目归档
android·开发语言·前端·javascript·html·交互