Vue自定义组件遇到的问题

本文针对使用Vue过程中遇到的自定义组件错误进行了解析,包括函数书写错误与属性大小写问题,并提供了相应的解决办法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

做项目用到Vue,自定义了个组件,测试过程中报错不少,写一写报错和解决方式

1.函数带括号的问题:

报错: 

 [Vue warn]: Property or method "handleSaveOpinion" 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. 

解决方式:

上图的函数少写了括号,加上括号即可(学习尚浅,不知道什么时候必须用括号,什么时候可以不用括号)

后续:

原来根本原因不是上面提到的错误,而是把“methods”错误的拼成了“method

2.大小写问题:

 

 报错:

[Vue warn]: Missing required prop: "proId" 

 

解决方式:

既然都说了是大小写问题了,那么在组件中将大写改为小写即可(不支持驼峰命名法?)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值