vue编辑表格报错 Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not of type ‘Element‘.

在开发Vue项目时遇到编辑表格时报错'Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'。本文记录了解决此问题的过程。错误排查思路包括:检查页面是否直接使用该方法,怀疑编辑时的数据赋值问题,最终发现是时间格式赋值不正确导致ElementUI时间控件解析失败,修正赋值格式后问题解决。总结:报错通常与赋值错误有关,建议逐个排查。
摘要由CSDN通过智能技术生成

最近开发一个新的项目,各种错误特别奇葩,记录下。

场景:新建一条数据后,成功保存,再次点击编辑这个数据的时候,报错这个信息,当时很困惑,报错信息全局搜索都没有,我想说的是这个错误不同场景可能都会出现,关键是要有个思路,如何排查:
错误截图:
在这里插入图片描述
1、先排查当前页面是否使用这个方法,如果有,先注释,注释还是报错的话,那就不是这个问题,下一个。
2、既然是点击编辑出发报错,那肯定和编辑时候赋值有关,我当时除了报这个错误之外,还有报错getfuyear错误,我按照第一种排查方法,当前页面没有使用报错的方法,当时考虑可能是新增修改数据污染,但是换了方法还不是,最后发现是点击编辑时间赋值没有转换格式,导致页面渲染出现有问题,所以报错时间方法有问题,有的时候可能不是调用方法出问题,可能是源码里面的方法出问题。
在这里插入图片描述
原因是:我赋值时间格式,页面时间控件解析问题,如下

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值