由于canvas组件是原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。
1.当滚动遮挡时解决办法。
<scroll-view> 可以完美解决滚动时canvas层级过高出现的遮挡。有个问题要注意,使用<scroll-view>必须把 @touchstart写在标签内,不然,在真机上不生效(大坑)。
2.当弹框遮挡时解决办法。
当点击弹框时,使用v-show的方式,切换显示。从而不会出现层级的问题。
由于canvas组件是原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。
1.当滚动遮挡时解决办法。
<scroll-view> 可以完美解决滚动时canvas层级过高出现的遮挡。有个问题要注意,使用<scroll-view>必须把 @touchstart写在标签内,不然,在真机上不生效(大坑)。
2.当弹框遮挡时解决办法。
当点击弹框时,使用v-show的方式,切换显示。从而不会出现层级的问题。