技术栈

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次 第二题【矩阵运算】
相关推荐
CodeSheep
1 天前
首个OpenClaw龙虾大模型排行榜来了,国产AI霸榜了!
前端·后端·程序员
Moment
1 天前
想转 AI 全栈?这些 Agent 开发面试题你能答出来吗
前端·后端·面试
Irene1991
1 天前
Vue Router 中:route.params.id 和 route.query.id 的区别
vue.js·route·useroute
Joy T
1 天前
【Electron架构解析】打破浏览器沙盒:从 Web 前端到桌面客户端的技术跨越
前端·架构·electron
Rsun04551
1 天前
React相关面试题
前端·react.js·前端框架
Lao乾妈官方认证唯一女友:D
1 天前
通过plasmo的wallet扩展添加新钱包
javascript·web3·区块链
ALKAOUA
1 天前
力扣面试150题刷题分享
javascript·笔记
鹏多多.
1 天前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03本地部署 OpenClaw + DeepSeek-R1 完全指南04Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南05OpenClaw 飞书机器人不回复消息?3 小时踩坑总结06OpenClaw macOS 完整安装与本地模型配置教程(实战版)07得物前端部门,没了08OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录09Window 10部署openclaw报错node.exe : npm error code 12810OpenClaw 接入 QQ Bot 完整实践指南