“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元素,作图都没有错。到底问题出在哪里?

四、报错原因

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

 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成识图。
mounted:在模板渲染成html后调用,通常初始化页面完成后,再对html的dom节点进行一些需要的操作。

 五、解决办法

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

 

转载请说明出处内容投诉
CSS教程_站长资源网 » “TypeError: Cannot read properties of null (reading ‘getContext‘)“

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买