vue2.0 Invalid prop:错误

Question

export default{
data (){
return{
rate4:0,
}
},created:function(){
this. getEGMark();
}
},methods:{
getEGMark:function(){
var params={
openid:'',
num:this.$route.params.num
}
this.$api.get(this.$host+'hrtEGMark/gethrtEGMark',params,r=>{
this.rate4=r.map.grade;
})
}
}
更改rate4的值页面显示是正常从服务端传过来的值但是控制台会报错
vue.esm.js?65d7:571 [Vue warn]: Invalid prop: custom validator check failed for prop "value".

found in

--->


at src\components\hrtCourseDetail.vue
at s

Answer 1

该回答引用GPTᴼᴾᴱᴺᴬᴵ
根据错误提示，是因为该组件的某个 prop 属性的自定义校验方法验证失败导致的警告，而上述代码中并没有涉及到 prop 属性，这个错误很可能发生在该组件的父组件中。如果能够提供更多相关代码，我可以帮你更准确地定位问题所在。

另外，对于我们提供的代码片段，可以看出 getEGMark 方法是通过调用服务端 API 获取数据，并将获取到的数据赋值给 rate4 变量，但是并没有明确表明 rate4 属性是一个 prop 属性还是组件的 data 选项。如果它是一个 prop 属性，则需要提供对应的属性校验器（validator）来校验传入的 prop 值是否符合要求；如果是一个组件的 data 选项，则不需要进行相关的校验操作。

希望这些信息能够对你有所帮助，如果需要进一步帮助，请提供更多相关代码信息。