Vue+Element Progress 进度条显示文字 %修改,使用format方法显示文字可自定义

需求

要实现这样子的 将进度条里显示的文字 后的 %去掉

主要用到 format 方法

代码

commonlisp 复制代码
  <el-progress :text-inside="true" 
               :stroke-width="30" 
               :format="format"
               :percentage="usageA">
 </el-progress>
javascript 复制代码
  methods: {
        format(percentage) {
            return percentage ? `${percentage}`  : `${percentage}`;
        },
}
相关推荐
BD_Marathon3 分钟前
Vue3_插值表达式
javascript
梦想是准点下班3 分钟前
【vue3】 + 【vite】 + 【vite-plugin-obfuscator】混淆打包 => 放弃了,样式会丢
前端·vue.js
前端达人4 分钟前
原生JavaScript vs 前端框架,2026年该怎么选?
开发语言·前端·javascript·前端框架·ecmascript
漫天黄叶远飞5 分钟前
React 组件通讯全攻略:拒绝 "Props" 焦虑,掌握数据流动的艺术
前端·react.js·前端框架
梦想是准点下班6 分钟前
【vue3】 + 【vite】 + 【rollup-plugin-obfuscator】混淆打包 => 打包报错
前端·vue.js
恋猫de小郭7 分钟前
Flutter UI 设计库解耦重构进度,官方解答未来如何适配
android·前端·flutter
星_离10 分钟前
高德地图-物流路线
前端·vue.js
细心细心再细心10 分钟前
Lexical 富文本编辑器组件详解
前端
qq_4061761411 分钟前
JavaScript中的循环
前端
小皮虾13 分钟前
搞全栈还在纠结 POST、GET、RESTful?试试这个,像调用本地函数一样写接口
前端·node.js·全栈