ant-design-vue Progress右侧自定义值
时间: 2023-07-18 07:06:08 浏览: 139
自定义progress
您可以使用 `format` 属性来自定义 Progress 组件右侧显示的值。该属性接受一个函数作为参数,该函数将接收当前进度百分比作为参数,并返回一个字符串,用于表示右侧显示的值。以下是一个示例代码:
```html
<template>
<a-progress :percent="50" :format="formatValue" />
</template>
<script>
export default {
methods: {
formatValue(value) {
return `${value}% - 自定义值`;
}
}
}
</script>
```
在上面的示例中,我们定义了一个 `formatValue` 方法,该方法接收当前进度百分比,并返回一个包含自定义文本的字符串。在模板中,我们将该方法传递给 `format` 属性,以便在 Progress 组件中显示自定义值。
阅读全文