props传值遇Cannot read property getAttribute of undefined异常

旧城等待， 2023-02-13 04:57 82阅读 0赞

> 今有一个echarts 图标的子组件使用watch 监听接受父组件传入的data，而在父组件页面再次根据日期筛选数据，重新传入子组件进行图表重绘时老实会提示报错

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw_size_16_color_FFFFFF_t_70]

vue.runtime.esm.js?6e6d:619 [Vue warn]: Error in callback for watcher "chartData": "TypeError: Cannot read property 'getAttribute' of undefined"
    
    found in

原来是异步加载数据切换的锅，watch 中是一个异步函数，再监听到值变化后，真正的值其实并未返回

watch: { 
        chartData(val) { 
          if (val) { 
            this.chartParentShow = true
            this.$nextTick(() => { 
              this.drawLine(val)
            })
          } else { 
            this.chartParentShow = false
          }
        }
      },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200525160854224.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，82人围观）

还没有评论，来说两句吧...

相关阅读

相关 Cannot read properties of undefined (reading ‘length‘)

问题：Cannot read properties of undefined (reading 'length') ![22c42ccc03e44684d66ebc8c3c5

清疚/ 2023年10月10日 16:12/ 0 赞/ 73 阅读

相关 Cannot read properties of undefined (reading ‘target‘)

<div class="switch" @click="toswitch()">编辑</div>//@click="toswitch(item)"

超、凢脫俗/ 2023年10月01日 19:27/ 0 赞/ 36 阅读

相关 props传值遇Cannot read property getAttribute of undefined异常

> 今有一个echarts 图标的子组件使用watch 监听接受父组件传入的data，而在父组件页面再次根据日期筛选数据，重新传入子组件进行图表重绘时老实会提示报错 ![在这

旧城等待，/ 2023年02月13日 04:57/ 0 赞/ 83 阅读

相关 Cannot read property ‘vueMarkdownOptions‘ of undefined

前提：在开发内部组件库时，打包遇到以下问题 Module build failed (from ./node_modules/thread-loader/dist

矫情吗；*/ 2023年01月16日 09:44/ 0 赞/ 184 阅读

相关 TypeError:cannot read property ‘getAttribute‘ of undefined

报错场景：页面切换路由时报错报错原因：使用 Vue + echarts，因为页面中使用了 echarts 图表，在初始化图表后，dom 元素还未被初始化加载出来，导致

不念不忘少年蓝@/ 2022年11月20日 08:21/ 0 赞/ 278 阅读

相关 cannot read property ‘getusermedia‘ of undefined

chroem地址栏输入 chrome://flags/unsafely-treat-insecure-origin-as-secure 填写你要开启的地址 ![2

小灰灰/ 2022年10月31日 13:44/ 0 赞/ 198 阅读

相关 Cannot read property ‘tapPromise‘ of undefined

在优化打包体积时使用compression-webpack-plugin报Cannot read property ‘tapPromise‘ of undefined 错误

女爷i/ 2022年10月30日 09:25/ 0 赞/ 195 阅读

相关 Cannot read property ‘msie’ of undefined

在使用 .datetimepicker() 进行选择 date 和time 时，遇到提示.Cannot read property ‘msie’ of undefined

淩亂°似流年/ 2022年07月16日 20:19/ 0 赞/ 178 阅读

相关 Cannot read property 'newLine' of undefined

angularjs报错： ERROR in ./src/main.ts Module build failed: TypeError: Cannot read proper

本是古典何须时尚/ 2022年06月15日 22:58/ 0 赞/ 206 阅读

相关 Cannot read property 'call' of undefined

打开页面出现这个问题：Cannot read property 'call' of undefined 百度了下，[https://blog.csdn.net/sansan\

系统管理员/ 2022年01月06日 07:49/ 0 赞/ 194 阅读