技术栈

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次 第二题【矩阵运算】
相关推荐
忆江南
21 分钟前
HTTP 各版本演进与 HTTPS 原理详解
前端
忆江南
23 分钟前
对组件化与模块化的思考与总结
前端
小码哥_常
27 分钟前
从0到1:Android组件化架构搭建秘籍
前端
忆江南
27 分钟前
iOS 应用启动流程与优化详解
前端
itslife
32 分钟前
前端架构模式思考
前端·架构
Wect
37 分钟前
JSX & ReactElement 核心解析
前端·react.js·面试
雨落Re
38 分钟前
从递归组件到 DSL 引擎:我造了一个让 AI 能"搭 UI"的运行时
前端·vue.js
Maxkim
39 分钟前
前端工程化落地指南:pnpm workspace + Monorepo 核心用法与实践
前端·javascript·架构
大漠_w3cpluscom
1 小时前
使用 clip-path: shape() 创建 Squircle 形状
前端·css·weui
大怪v
13 小时前
AI抢饭?前端佬:我要验牌!
前端·人工智能·程序员
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03Window 10部署openclaw报错node.exe : npm error code 12804OpenClaw + 飞书(Feishu)环境搭建指南05本地部署 OpenClaw + DeepSeek-R1 完全指南06OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录07OpenClaw 飞书机器人不回复消息?3 小时踩坑总结08小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)09OpenClaw优化飞书API 额度已耗尽问题10Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services