上诉代码报错type check failed for prop "format". Expected String with value "function () { [native code] }", got Function
时间: 2023-08-03 19:44:13 浏览: 140
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
非常抱歉,我的回答有误,应该使用函数而不是字符串来设置`el-statistic`的`format`属性。
下面是一个修正后的代码片段,可以将`el-statistic`的倒计时格式化为天时分秒的形式:
```html
<template>
<el-statistic :value="countdown" :format="formatCountdown"></el-statistic>
</template>
<script>
export default {
data() {
return {
countdown: 3600 * 24 * 3 // 倒计时为3天
}
},
methods: {
formatCountdown(value) {
const time = {
day: Math.floor(value / (24 * 3600)),
hour: Math.floor((value % (24 * 3600)) / 3600),
minute: Math.floor((value % 3600) / 60),
second: Math.floor(value % 60)
};
return `${time.day}天 ${time.hour}时 ${time.minute}分 ${time.second}秒`;
}
}
}
</script>
```
在这个修正后的代码中,我们使用函数`formatCountdown`来设置`el-statistic`的`format`属性,而不是字符串。这样就可以正确地将倒计时格式化为天时分秒的形式了。
阅读全文