优秀的编程知识分享平台

网站首页 > 技术文章 正文

uiniapp 编译小程序uCharts层级高,z-index不起作用解决办法。

nanyue 2024-10-08 05:45:46 技术文章 8 ℃

由于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,就不会存在这个问题。



最近发表
标签列表