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

编程入门 行业动态 更新时间:2024-10-25 16:19:40

【uniapp/uView】解决消息<a href=https://www.elefans.com/category/jswz/34/1771018.html style=提示框悬浮在下拉框之上"/>

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

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

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

<!-- 弹出下拉框 --><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>

更多推荐

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

本文发布于:2023-12-05 22:12:20,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1665464.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:提示   消息   下拉框   uniapp   uView

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!