网站首页 > 技术文章 正文
由于canvas组件是原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。
1.当滚动遮挡时解决办法。
<scroll-view> 可以完美解决滚动时canvas层级过高出现的遮挡。
这里有个问题要注意,使用<scroll-view>必须把 @touchstart写在标签内,不然,在真机上不生效(大坑)。
2.当弹框遮挡时解决办法。
当点击弹框时,使用v-show的方式,切换显示。从而不会出现层级的问题。
3.不能使用v-if的原因。
v-if是让盒子消失 并不是改变盒子的display 属性 所以 当时你显示 v-if的时候 他会重新插入盒子 但是echarts图表并不会刷新 因为在vue中mounted hook 已经调用一遍echarts表格的方法了。
解决的办法就是使用v-show,就不会存在这个问题。
猜你喜欢
- 2024-10-08 「译」22个必备的CSS小技巧(css%)
- 2024-10-08 盘点Pandas 的100个常用函数(pandas所有方法详解)
- 2024-10-08 CSS常考知识点(css的)
- 2024-10-08 CSS position 属性(css position:relative)
- 2024-10-08 CSS学习笔记--定位position属性的学习
- 2024-10-08 CSS3中神奇的box-shadow属性,到现在你还还没听说过吗?
- 2024-10-08 html网页的代码大全(html网页代码大全 分行)
- 2024-10-08 CSS四种定位static、relative、absolute、fixed
- 2024-10-08 徒手撸-登录页面(1)(徒手hit)
- 2024-10-08 请避免犯这9个常见的 CSS “坏习惯”
- 最近发表
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (76)
- js判断是否是json字符串 (75)
- c语言min函数头文件 (77)
- asynccallback (87)
- localstorage.removeitem (77)
- vector线程安全吗 (73)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 无效的列索引 (74)
