关于uni-app中使用u-charts层级问题的坑

在项目中微信开发工具上显示没有任何层级问题,显示也是一切正常,真机测试也显示没有问题,但是上线后,手机一打开,发现u-charts的图表层级高于我的下拉列表了,页面出现了混乱,

这种情况下第一反应就是去设置style属性z-index,但是无论我怎么设置都无法覆盖图表,这个时候我打开了官方发现,在qiun-data-charts标签上设置:canvas2d="true" :canvasId="canvasId_data"后开发工具上显示出了手机上的问题,但是手机上显示正常了。

注意:

1、canvas2d设置为true后开发工具上显示会出现层级问题,但是不要担心,手机上是正常的

2、canvasId随机字符串千万不要设置过长,过长可能会导致无法挂载的问题,10位左右就可以了

3、测试的时候不要真机测试,无论你怎样测层级问题还是存在,上线为体验版后测试更准确

 最后附上代码:

<qiun-data-charts :canvas2d="false" :canvasId="canvasId_data" type="pie" :chartData="chartData2" >

 

 

 

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值