Vue warn Invalid prop type check failed for prop value Expected String with value 1 got Number with value 1代码有什么问题
这个错误提示是因为你在组件中定义了一个名为"value"的属性,但是该属性的类型应该是字符串类型,而你传递给该属性的值是一个数字类型。
解决这个问题的方法有两种:
- 将传递给"value"属性的值转换为字符串类型:
<template>
<my-component :value="value.toString()"></my-component>
</template>
<script>
export default {
data() {
return {
value: 1
};
}
};
</script>
- 修改组件的属性定义,将"value"的类型改为数字类型:
props: {
value: {
type: Number,
default: 1
}
}
然后在使用组件时传递一个数字类型的值:
<template>
<my-component :value="value"></my-component>
</template>
<script>
export default {
data() {
return {
value: 1
};
}
};
</script>
这样就可以解决这个错误提示了
原文地址: https://www.cveoy.top/t/topic/ijt7 著作权归作者所有。请勿转载和采集!