关于使用elementUI、v-chart开发后台中遇到的问题集合

请针对我谢谢

于 2019-04-18 17:25:20 发布

阅读量2k

点赞数 1

分类专栏： Vue心得前端文章标签： vue v-chart element

本文链接：https://blog.youkuaiyun.com/weixin_42833042/article/details/89383684

版权

本文记录了在使用Vue、elementUI和v-chart开发物联网后台过程中遇到的数据过滤优化、v-chart图表切换渲染问题及自定义Element样式等难点，并提供了相应的解决方案。数据过滤优化中避免了多层循环，使用回调函数实现动态删除；v-chart在Element tab卡中通过重绘解决图表显示问题；自定义Element样式时，通过提高权重覆盖默认样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近入职新公司，接手的是phper用vue的element-admin和v-chart快速开发的一个物联网管理后台，代码暴力直接，很多模块都没有用到组件化，直接照搬了demo的实例修改，这就无意间增加了我接手的难度，所以趁还有记忆，记录一下自己遇到的坑。

一、数据过滤优化

前端最常做的就是对后台返回的数据做过滤和整合，那么对于那种对象与数组间关联的数据处理，我们经常会套用一层又一层的循环来达到目的，很显然这不利于性能优化。比如有一下需求，前端本身存在一个数组，内容是对象，我们需要根据后台返回的数据进行判断，动态地删除数组中的元素。
数据如下：

//这是前端本身的数组
colunms=[
{
   value:'hello',text:'你好'},
{
   value:'world',text:'世界'},
{
   value

最低0.47元/天解锁文章