vue中使用elment-ui的form表单,报错Property or method “form” is not defined on the instance but referenced during render.

model:表单数据对象
rules:表单验证规则,tigger: blur/change
status-icon:是否在输入框中显示校验结果反馈图标
size:组件大小,medium/small/min
disabled:是否禁用组件
prop:表单域 model 字段,用于验证
在这里插入图片描述
这里的报错为:属性或方法“form”不是在实例上定义的,而是在呈现时引用的。
这个一开始反复排查,以为自己定义错误,但实际上并没有,一下为原代码片段

date(){
			return{
				inPutDisabled: false,
				form:{
					netName: '',
					dhcp: false,
					ip: ''
				},
				rules:{
					ip: [{required: true, message: this.$t('ip can not null'),trigger: 'blur'}],
					netName: [{required: true, message: this.$t('netName can not null'),trigger: 'blur'}]
				}
			}
		},

最后经过一个字母一个字母的排查,问题竟然是data写成了date!!!!这种错误在script标签里面竟然没有报错(我用的vs code)!!!

Logo

前往低代码交流专区

更多推荐