首页 > 其他分享 >layer的嵌套打开弹出层

layer的嵌套打开弹出层

时间:2023-04-16 21:33:45浏览次数:25  
标签:layer 第二个 嵌套 弹出 打开 open

当打开了一个layer.open()之后,如果在open的页面上面还有一个layer.open()去再次打开一个弹出层,这时候第二个打开的弹出层是在最早打开的基础上,然后镶嵌在里面的。

如果第一个弹出层很大,而第二个弹出层比较小,可能不会太影响用户体验;但是如果第一个弹出层很小,而第二个弹出层却很大,这时候效果就很不理想了。

想要这个第二个弹出层不嵌套在第一个弹出层中,通常的办法是使用window.top对象。

top.layer.open()

像这样就能在顶级页面(最底层)打开弹出层,遮罩也是完全覆盖了底层页面。

标签:layer,第二个,嵌套,弹出,打开,open
From: https://www.cnblogs.com/superfeeling/p/17324147.html

相关文章

  • javascript 把嵌套的 map 转成 object,再转 json 字符串
    使用JSON.stringify转map时发现并没有转成想要的JSON数据,搜索发现要转成Object才能够转成完整的JSON,用递归转换:constconvertNestedMapToObject=(map)=>{if(mapinstanceofMap){map.forEach((v,k)=>{......
  • Python 中的嵌套字典
    chatGPTYYDS我自己查了乱七八糟的链接好多,也没有搞清楚(当然,看了正确的代码只觉得自己傻乎乎)最终答案是:You:我想创建一个字典嵌套字典ChatGPT:好的,你可以使用以下代码创建一个字典嵌套字典:my_dict={"outer_key1":{"inner_key1":"value1","inn......
  • u盘或移动硬盘无法弹出的解决方法(win系统)
    U盘/移动硬盘在弹出U盘时可能会遇到如下错误信息:弹出USBAttachedSCSI(UAS)大容量存储设备时出问题解决思路:找到并关闭占用U盘的程序。如何查找并关闭占用U盘的程序:方法1:使用“管理事件”与“资源监视器”定位处理(特点:常规操作,需要打开一系列系统工具)具体方法参考这篇博文......
  • element的Popover 弹出框组件关闭
    封装了个message底部消息提示框。采用了Popover组件制作。点击页面某些地方没办法关闭此弹出框。所以写了个右上角的关闭图标,调用组件内部事件:doClose()关闭;doShow()显示     ......
  • 用 Go 剑指 Offer 31. 栈的压入、弹出序列 (辅助栈)
    输入两个整数序列,第一个序列表示栈的压入顺序,请判断第二个序列是否为该栈的弹出顺序。假设压入栈的所有数字均不相等。例如,序列{1,2,3,4,5}是某栈的压栈序列,序列{4,5,3,2,1}是该压栈序列对应的一个弹出序列,但{4,3,5,1,2}就不可能是该压栈序列的弹出序列。示例1:输入:pushe......
  • provide/reject多组件嵌套传值
    多组件嵌套传值现在用组件A、组件B、组件C三个组件一、组件嵌套1.组件A(相当于父组件),在组件A调用组件B<template><div><componentb></componentb></div></template><script>importComponentbfrom'../components/componentb.vue'//引用组件......
  • window.open() 弹出窗口
    【1、最基本的弹出窗口代码】<SCRIPTLANGUAGE="javascript"><!--window.open('page.html')--></SCRIPT>window.open('page.html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相......
  • 嵌套循环
    publicabstractclassprintRectangle{publicstaticvoidmain(String[]args){printRectangle();System.out.println("--------");printTeiangle();System.out.println("--------");printTeiangl......
  • 两数平方和(嵌套函数)
    求两整数平方和。#include<iostream>usingnamespacestd;intpower(intx,intn);intmain(){ inta,b; cout<<"请输入两个整数a,b:"<<endl; cin>>a>>b; intsum; sum=power(a,2)+power(b,2); cout<<"sum="<<sum<<end......
  • 用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)
    前言:本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。效果图:文件目录结构和代码如下:   文中用到的标题栏数据如下:consttitles=ref([{name:"首页",path:"home",children:[]},{......