在用qiun-data-charts组件的时候，微信开发者工具上显示是正常的，但是真机调试或者线上就会组件层级过高，影响到导航栏或者某些元素的显示，刚开始我试着用z-index解决，后来发现没啥用，于是就在组件的说明文档里找到了解决方案
解决qiun-data-charts组件层级过高的方案
先写一个生成32位随机字符串的方法
王少铮//生成32位随机字符串
sanshi(){
let str = 'abcdefghijklmnopqrstuvwxyz0123456789ABCDEFJHIJKLMNOPQRSTUVWXYZ';
this.num = '';
for(let i=0;i<32;i++){
this.num += str.charAt(Math.floor(Math.random() * str.length));
};
console.log('字符串',this.num)
}, 然后在template里修改一下
<qiun-data-charts :canvasId="num" canvas2d="true" type="line" :chartData="chartData" :errorShow="false" background="none" ></qiun>
//使用canvas2d之前需要传canvasId,必传，这个num就是32位随机不重复字符串，然后canvas2d改为true 然后就可以正常使用了，虽然不能使用真机调试（文档上说的，而且强调了三遍）,但是上线后手机端是正常的
0
联系我
0条评论