解决:Property or method “form“ is not defined on the instance but referenced during render. 的问题

1、问题描述:

其一、报错信息为:
[Vue warn]: Property or method "form" is not defined on the instance but referenced during render. Make sure that this property is reactive,
中文为:
属性或方法“form”未在实例上定义,但在渲染期间被引用。 确保此属性是反应性的

其二、报错的页面展示为:

解决:Property or method “form“ is not defined on the instance but referenced during render. 的问题_第1张图片

2、问题分析:

报错为:form未在实例上使用就被用于渲染,应该是未在 data() 中定义,直接使用了;

3、问题解决:

其一、确认问题(未在 data 的 return 中定义):

解决:Property or method “form“ is not defined on the instance but referenced during render. 的问题_第2张图片

其二、解决方案:

// 即:将 form 表单放在 data 的 return 中定义,此时就是在实例上定义了;

解决:Property or method “form“ is not defined on the instance but referenced during render. 的问题_第3张图片

// 而此时页面就正常显示:

解决:Property or method “form“ is not defined on the instance but referenced during render. 的问题_第4张图片

4、小结:

其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!
其二、有兴趣的话,可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏):https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482

你可能感兴趣的:(前端所遇问题栏,vue.js,前端,javascript,经验分享,error)