vue.esm.js:5105 [Vue warn]: Invalid prop: type check failed for prop "format". Expected Function, got String with value "60% 采购中".
时间: 2023-11-23 21:55:25 浏览: 56
这个错误提示是因为你在使用Vue组件时,传递给`format`属性的值类型不正确。根据错误提示,`format`属性期望的类型是函数,但你传递了一个字符串类型的值"60% 采购中"。为了解决这个问题,你需要将`format`属性的值改为一个函数。
下面是一个示例代码,展示了如何正确地使用`format`属性:
```html
<template>
<div>
<el-progress :percentage="60" :format="formatProgress"></el-progress>
</div>
</template>
<script>
export default {
methods: {
formatProgress(percentage) {
return `${percentage}% 采购中`;
},
},
};
</script>
```
在这个示例中,我们将`format`属性绑定到了一个名为`formatProgress`的方法上。这个方法接收一个参数`percentage`,表示当前进度的百分比。在这个方法中,我们将百分比和一个字符串"采购中"拼接起来,作为最终的格式化字符串返回。
相关问题
vue.esm.js:5105 [Vue warn]: Invalid prop: type check failed for prop "info". Expected Object, got String with value "".
根据引用和引用的信息,可以看出这是一个Vue组件中的错误提示,具体是因为在组件中使用了一个名为"disabled"的prop,但是传入的值类型不正确。根据引用的正确代码,我们可以看到应该将"disabled"的值设置为布尔值"true",而不是字符串"true"。所以,要解决这个错误,需要将传入的"disabled"的值改为布尔值形式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected ...](https://blog.csdn.net/2201_75705263/article/details/131762840)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
vue.esm.js:5105 [Vue warn]: Invalid prop: type check failed for prop "channel". Expected Object, got Number with value 20.
根据提供的引用内容,问题中的错误是由于属性"channel"的类型检查失败。预期的类型是Object,但实际传入的是一个值为20的Number类型。为了解决这个问题,需要将传入的数据类型改为正确的类型,即Object类型。
#### 引用[.reference_title]
- *1* *2* [vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected ...](https://blog.csdn.net/2201_75705263/article/details/131762840)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [[Vue warn]: Invalid prop: type check failed for prop “value“. Expected](https://blog.csdn.net/m0_51152244/article/details/126033563)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]