位置: IT常识 - 正文
推荐整理分享“Property or method “***“ is not defined on the instance but referenced during render.”报错的原因及解决方案,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
在使用vue-cli运行项目的过程中,在VScode中不报错,但在浏览器调试工具中发出
[Vue warn]: Property or method "******" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. 的报错。
报错原因:属性或方法“list”未在实例上定义,但在渲染期间被引用。通过初始化该属性,确保该属性是被动的,无论是在数据选项中,还是对于基于类的组件。所以,由此我们就知道了,在vue的template中我们使用了list数据,但是在data中还并没有被定义,就被使用了,造成了这个错误。在data中定义一下这个list的数据就可以了
在调试工具报错如下: 解决方案:1、检查所用的属性和方法是否被定义如果未定义,在相应位置定义即可
2、检查定义是否写错位置(要与props同级)修改后就可以运行啦
修改后,发现不会报错了,可以正常运行啦
如果有问题,欢迎大家评论区讨论,文章对你有用,给正在学习前端的小陈点个赞吧~~~
上一篇:python中颜色及其编码!(python中各种颜色)
下一篇:大提顿国家公园中的Old Patriarch Tree,怀俄明州 (© George Sanker/Minden Pictures)(哪一个国家有大提顿国家公园)
友情链接: 武汉网站建设