美文网首页
点击页面跳转后进入新页面modal不消失

点击页面跳转后进入新页面modal不消失

作者: 追风筝的Hassan | 来源:发表于2019-09-25 09:23 被阅读0次

最近遇到一个问题,点击进入页面,点击按钮弹出弹框,点击弹框内得连接进入到新的页面,但是弹框上的蒙层未消失。
产生原因:之前的蒙层作用域指向body,所以进入到新的页面之后,只是组件发生了改变所以蒙层并不会消失。
解决办法:


image.png

把蒙层作用在当前的组件上即可。

最后发现问题并没有完全解决,通过路由的方式进入到新的页面之后,发现依然会存在蒙层点击不消失的情况,这种情况下,该modal是上一个页面的modal,无法关闭,最后还是改用侧边栏和弹框结合的模式实现相应的功能。

相关文章

  • 点击页面跳转后进入新页面modal不消失

    最近遇到一个问题,点击进入页面,点击按钮弹出弹框,点击弹框内得连接进入到新的页面,但是弹框上的蒙层未消失。产生原因...

  • vue跳到新的页面后仍停留在原来的地方

    vue跳转到新的页面后应当进入新页面的头部 (看到的为新页面的最上方)在main.js中加入(所有页面都进入时...

  • 扫码登录前端梳理

    点击按钮会跳转到一个新页面, 扫描新页面二维码, 会自动跳转到 cmsUrl 的login 页面.cmsUrl 需...

  • ionic创建modal页面

    点击性别跳转到性别选择modal页面 1. 创建性别选择modal 页面 2. 在app.module.ts中注册...

  • 小程序学习之跳转笔记

    方法一:WXML页面实现1. 跳转到新页面 2. 跳转到新页面 3. 跳转到新页面 方法二:js页面实现bindV...

  • react路由刷新后Cannot GET /home

    问题:配置好路由后,点击link 可以跳转 但是刷新页面后 会报Cannot GET /home 解决办法 : w...

  • vue多个页面滚动相互之间影响

    在一个vue页面中滚动页面,点击链接跳转到新页面时,新页面的初始位置为旧页面滚动的位置。解决方案:https://...

  • 开发小妙招(二)

    如何解决嵌套跳转或者跳转一个新页面之后,前一个页面下消失 举个大家都见过的例子,微信跳个人信息,然后发消息进入消息...

  • iOS开发——周边搜索&搜索提示

    效果展示: 项目需求: 用户点击街道栏,跳转到一个新页面,要求: 进入页面时展示用户位置; 用户在输入框进行输入时...

  • puppeteer 教程

    require 新建浏览器 打开新页面 跳转到 等待页面状态 操作DOM 模拟点击 性能分析

网友评论

      本文标题:点击页面跳转后进入新页面modal不消失

      本文链接:https://www.haomeiwen.com/subject/hkxmuctx.html