近期学习生活总结

博主分享了在准备蓝桥杯国赛期间,由于项目和期末考试的压力,选择临时放弃复习,导致比赛表现不佳但并未气馁的经历。文章提到了两个编程问题:1) 使用Element-UI时因渲染顺序错误引发的Invalid DOM错误;2) Echarts导入错误导致的'export 'default' not found in 'echarts'报错。解决方案分别是对DOM操作时机的调整和更新Echarts的导入方式。

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

        前几天,蓝桥杯国赛结束了,因为上次省赛之后,忙于写项目,五月中旬学校又突然间通知期末考试提前,最后慌慌张张的考完所有科目后,已经六月十号了。留给我准备的时间已经不多了,面对即将到来的蓝桥杯,和手里急着写的项目,我选择了摆烂,看了两眼Java基础语句之后,就不再复习了。以至于在国赛中,我绞尽脑汁,仍然只会签到题,并且连签到题都不能说是十拿九稳。这让我有点灰心,但是并没有十分沮丧。                                                                     

        国赛过后的这几天里,也许是因为在家里,每天都有许多事要做,并没有像之前在学校那样高效的学习,这一周的时间里,我除了解决了手头的某个大冤种项目的好几个bug外,没有去学习新知识,也没有复习旧知识。那我接下来就总结一下那几个bug里不那么奇形怪状的bug吧。

        首先就是Error: Initialize failed: invalid dom.这个bug产生的原因其实是渲染顺序产生的问题,导致执行某一操作的时候对应的对象没有被创建,最后产生报错。我是在使用element-ui的时候遇到的这个错误,使用错误的代码如下:                           

<el-dialog
  title="词频分析结果"
  :visible.sync="dialogVisible"
  width="60%"
  height="500px"
  :before-close="handleClose">
  <div id="mywordcloud" :style="{width: '100%', height: '400px'}" :data="worddata"></div>
</el-dialog>

        我在dialogVisible为false的时候就进行了对id为mywordcloud的dom操作,往里面添加了echarts图像,最后导致了报错的产生。

        还有一个就是“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘,这个是使用echarts的时候产生的报错,当时我为了使用echarts的词云,install了最新的ehcarts和echarts-wordcloud,但是echars 5.0的引入方式发生了改变,变为了import * as echarts from ‘echarts’;改过之后问题就解决了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值