使用uni-app设置全局页面适用于模态框,只要调用就可以实现



前言

弹框完整代码链接

在做uni-app移动端H5要实现一个弹框,效果需要在不管用户单击那个页面都会出现弹框,除非用户点击弹框进入详情查看点击确定后,就不会出现弹框了
效果图:
在这里插入图片描述


一、首先我们要先创建一个弹框的页面

我是在项目里的common下面的Dialogs.vue写的
在这里插入图片描述

在这里插入图片描述

二、然后在main.js里面调用(设置全局)

在这里插入图片描述这样就可以成功设置全局了

2.进入弹框详情页

//通过接口点击后is_confirm 0 弹框 1不弹
在这里插入图片描述

3.在页面调用

<Dia-logs></Dia-logs>
如果你在底部table切换使用那就在页面加Dia-logs标签就可以了 ,注意:【其实在别的页面也可以调用只不过需要刷新才可以出现弹框,不过要是指定几个页面加上Dia-logs标签就不存在这个问题了】在这里插入图片描述

总结

这里对文章进行总结:
以上就是今天要讲的内容,本文仅仅简单介绍了设置全局的使用,如果你要设置全局可以参考一下本文,希望对您有所帮助

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐