目录
一、报错截图
二、使用场景
三、代码截图
四、报错原因
五、解决办法
一、报错截图
二、使用场景
第一次在vue项目种使用canvas,跟着网上教程做,标签canvas写好了,dom元素获取了,简单“画”了一下,运行之后报"TypeError: Cannot read properties of null (reading 'getContext')"的错。
意思是:找不到getContext这个属性。
三、代码截图
显然,获取dom元素,作图都没有错。到底问题出在哪里?
四、报错原因
canvas元素在页面加载之前就获取了元素。
created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成识图。
mounted:在模板渲染成html后调用,通常初始化页面完成后,再对html的dom节点进行一些需要的操作。文章来源:https://www.toymoban.com/news/detail-599529.html
五、解决办法
等dom元素挂载好了之后再get dom元素文章来源地址https://www.toymoban.com/news/detail-599529.html
到了这里,关于“TypeError: Cannot read properties of null (reading ‘getContext‘)“的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!