vue中使用elment-ui的form,报错Property or method “form“ is not defined on the instance but referenced durin

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)!!!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值