关于Echarts图表复用解决id唯一性
目前市面上许多项目都会接触到可视化大屏的开发,用得最多的三方组件库Echarts,在进行封装后复用许多同学会发现页面渲染异常问题,只会渲染第一次复用的内容.究其原因在于我们通过Id获取了页面节点进行渲染造成了id的重复.网上也有许多的解决方案.在此,给大家分享一个自己测试后的可行的实施方案.我们可以通过uuid生成不同的id向子组件传值指定唯一性,也可以通过随机数的方式.具体的操作我们接着往下看.然后在需要使用的组件中父组件()引入对应的组件.expControl.vue。新建createID.js文件。
原创
2023-02-28 09:36:24 ·
1006 阅读 ·
0 评论