“TypeError: Cannot read properties of null (reading ‘getContext‘)“

• 前端

目录

一、报错截图

二、使用场景

三、代码截图

四、报错原因

 五、解决办法

一、报错截图

“TypeError: Cannot read properties of null (reading ‘getContext‘)“

二、使用场景

第一次在vue项目种使用canvas，跟着网上教程做，标签canvas写好了，dom元素获取了，简单“画”了一下，运行之后报”TypeError: Cannot read properties of null (reading ‘getContext’)”的错。

意思是：找不到getContext这个属性。

三、代码截图

显然，获取dom元素，作图都没有错。到底问题出在哪里？

“TypeError: Cannot read properties of null (reading ‘getContext‘)“

“TypeError: Cannot read properties of null (reading ‘getContext‘)“

四、报错原因

canvas元素在页面加载之前就获取了元素。

 created：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成识图。
mounted：在模板渲染成html后调用，通常初始化页面完成后，再对html的dom节点进行一些需要的操作。“TypeError: Cannot read properties of null (reading ‘getContext‘)“

 五、解决办法

等dom元素挂载好了之后再get dom元素

 “TypeError: Cannot read properties of null (reading ‘getContext‘)“

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/faf927a012.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐