1.问题描述:在echarts弹框中嵌入echarts,在页面数据改变时,echarts视图不更新;
2.解决办法:
数据更新时以为drawLine()函数在updated()里面执行(这种情况之前碰到过),后来发现热更新之后视图更新了,所以跟周期函数没有关系;参考了一下网上的一些资料,发现可以用vue中的watch()函数来监听数据的更新,一旦数据更新了,那么就在watch()函数中调用drawLine()函数,发现视图更新了,完美解决。
补充知识:vue echarts line动态刷新数据组件
我就废话不多说了,大家还是直接看代码吧~
<template> <div class="echartLine-wrap"> <div class="echartLine-title"> <img src="/UploadFiles/2021-04-02/icon.png">调用
//html <echartLine :echartData="echartData" ref="echartData1" /> //index.js echartData: { title: "溶氧", title2: 3, title3: "毫克/升", XData: [1,2,3,4,5,6,7,8,9], YData: [12,34,56,66,65,77,12,11,33,44], areaStyleColor: { fromColor: "#1AB8F9", toColor: "rgba(63,227,236,0.1)" }, itemStyle: { color: "#1AB8F9" } }以上这篇解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)”评论...
更新动态
2024年04月29日
2024年04月29日
- dnf符文怎么快速毕业
- 《原神》4.6振晶的应用研究活动介绍
- 《百英雄传》全人物加入条件汇总
- 《护林猿神》游戏特色玩法介绍
- 罗美玲.2007-我是罗美玲【华研国际】【FLAC+CUE】
- 弦子.2010-天真【喜欢音乐】【WAV+CUE】
- 翁倩玉.1973-风儿多可爱【海山】DTS【WAV分轨】
- 口碑回暖极具潜力!《恶意不息》媒体赞誉宣传片释出
- 《剑星》开发商谈公司DNA:开玩笑称是臀部
- 走近科学能拍三集:无人的祭祀用品店夜间突然起火
- 达达乐队.2000-天使【华纳】【WAV+CUE】
- 翁立友.2011-梦世间经典集【豪记】【WAV+CUE】
- 陈芯怡.2023-漫行日志【鼎乐】【FLAC分轨】
- 韩宝仪《舞女泪》24K黄金母盘直刻 正版CD低速原抓[WAV+CUE][463M]
- 群星《2024上海国际高端音影展纪念版CD》[WAV分轨][415M]