Comments (5)
最好上个例子看一下。
如果弹框元素在DOM树上不在全屏元素的子节点里,全屏时就会看不到。
比如这个例子:
https://codepen.io/mirari/pen/WJQqqR
如果可以显示,那不能操作多半是组件本身的问题,比如这个弹框组件还有一个不可见的全屏遮罩div(一般是用来实现点击别处关闭弹框这个效果的)层级比你设置的弹框层级更高。
from vue-fullscreen.
嗯。我用的iview的modal弹框组件。它就是在dom树上而不是在子节点里面的。这个弹框是有一个遮罩层,可以点击别处关闭弹框,遮罩层的层级和我的弹框内容是同层级的。不过它现在就是能显示出来弹框,但是又没办法操作弹框。
from vue-fullscreen.
我不知道要怎么上例子 :( 不过我的功能是将一个表格全屏,表格有个工具栏是查看和编辑功能,点击查看和编辑出来弹框。现在全屏之后点击查看,我仍然能操作那个表格,却无法操作弹出来的内容。
from vue-fullscreen.
谢谢,这个问题已经解决了。我把modal放到了body外面就好了
from vue-fullscreen.
https://codepen.io/mirari/pen/XqZrbE
参考以上例子:
iview对话框组件有个transfer属性,作用是组件初始化后是否移动到body下,默认是开启的。移动到body下的弹框自然会跑到fullscreen组件以外,就无法被看到了。
你需要把这个transfer置为false,注意iview没有对这个参数实现响应,只能在初始化前定义一次,之后修改无效。
from vue-fullscreen.
Related Issues (20)
- TypeError: this.$refs.fullscreen.toggle is not a function HOT 7
- 建议把点击就退出的功能在option中加一个开关 HOT 2
- Compile vue-fullscreen with application HOT 6
- iPhone Full Screen doesnot work HOT 2
- Compatibility with Jest HOT 2
- Are there plans to support VUE3 HOT 9
- window.onscroll does not work in fullscreen mode HOT 1
- 全屏下的input聚焦输入时会退出全屏怎么处理 HOT 2
- Failed when publish HOT 1
- antv x6的拖拽wrapper和 elementui 的message弹框依旧会被盖住哦 HOT 3
- 全屏元素含iframe时,teleport设置为啥都有bug HOT 6
- Component does not destroy its childrem when Unmount HOT 1
- vue 转 app 返回时会退出全屏 HOT 1
- Retain fullscreen on redirect HOT 2
- Failed to execute 'insertBefore' on 'Node': The new child element contains the parent HOT 2
- Do not work on iOS HOT 1
- 如何快速给element-ui的组件添加右上角全屏显示图标按钮和功能?
- Feature request: exit manually HOT 12
- vue3注册插件时报错 HOT 2
- Vue3.main.js 组件注册,抛出error HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-fullscreen.