Vue warn]: Invalid prop: type check failed for prop "total". Expected Number with value 0, got String with value "".
时间: 2023-12-07 14:39:24 浏览: 211
Vue.js报错Failed to resolve filter问题的解决方法
5星 · 资源好评率100%
这个错误是因为Vue组件中的属性类型检查失败,期望的是一个值为0的数字类型的total属性,但实际传入的是一个空字符串。解决这个问题的方法是给total属性赋一个初始值为0的数字类型值。例如:
```html
<template>
<div>
<el-pagination
:total="total"
:page-size="pageSize"
:current-page="currentPage"
@current-change="handleCurrentChange"
/>
</div>
</template>
<script>
export default {
data() {
return {
total: 0, // 给total属性赋初始值为0
pageSize: 10,
currentPage: 1
};
},
methods: {
handleCurrentChange(val) {
this.currentPage = val;
// 处理分页逻辑
}
}
};
</script>
```
阅读全文