技术栈

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

蓝胖子的多啦A梦2023-09-09 8:36

需求

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

主要用到 format 方法

代码

commonlisp 复制代码
  <el-progress :text-inside="true" 
               :stroke-width="30" 
               :format="format"
               :percentage="usageA">
 </el-progress>
javascript 复制代码
  methods: {
        format(percentage) {
            return percentage ? `${percentage}`  : `${percentage}`;
        },
}
上一篇:Vue + Element UI 前端篇(十二):用户管理模块
下一篇:CCF-CSP 30次 第二题【矩阵运算】
相关推荐
BrianGriffin
2 分钟前
JS異步:setTimeout包裝為sleep
开发语言·javascript·ecmascript
涔溪
11 分钟前
有哪些常见的Vite插件及其作用?
前端·vue.js·vite
糖墨夕
11 分钟前
从一行代码看TypeScript的精准与陷阱:空值合并vs逻辑或
前端·typescript
Junsen
17 分钟前
使用 Supabase 实现轻量埋点监控
前端·javascript
Java&Develop
20 分钟前
html写一个象棋游戏
javascript·游戏·html
CnLiang
27 分钟前
React Compiler Plugin
前端·react.js
willxiao
27 分钟前
js 单例模式 6 种实现方式
javascript·设计模式
一只爱吃糖的小羊
35 分钟前
React 19 生命周期:从入门到实战的完整指南
前端·react.js
乔伊酱
37 分钟前
Bean Searcher 遇“鬼”记:为何我的查询条件偷偷跑进了 HAVING?
java·前端·orm
uu_code007
41 分钟前
字节磨皮算法详解
前端
热门推荐
01GitHub 镜像站点02【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04UV安装并设置国内源05React CVE-2025-55182漏洞排查与修复指南06Linux下V2Ray安装配置指南07BongoCat - 跨平台键盘猫动画工具08从入门到实战:Gemini 3 使用指南速览09智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践10本地部署阿里最新开源的Z-Image