技术栈

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次 第二题【矩阵运算】
相关推荐
烛阴
5 分钟前
用 Python 揭秘 IP 地址背后的地理位置和信息
前端·python
前端开发爱好者
12 分钟前
尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!
前端·javascript·vue.js
why技术
12 分钟前
从18w到1600w播放量,我的一点思考。
java·前端·后端
欧阳呀
19 分钟前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
清风徐来QCQ
21 分钟前
css总结
前端
天***8896
1 小时前
js封装一个双精度算法实现
开发语言·前端·javascript
Algebraaaaa
2 小时前
什么是前端、后端与全栈开发,Qt属于什么?
开发语言·前端·qt
胡斌附体
2 小时前
使用Electron创建helloworld程序
前端·javascript·electron·nodejs·pc
toobeloong
2 小时前
Electron 从低版本升级到高版本 - webview通信的改造
前端·javascript·electron
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03UV安装并设置国内源04Linux下V2Ray安装配置指南05GitLab 零基础入门指南:从安装到项目管理全流程06两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答072025软件测试面试八股文(含答案+文档)08KGG转MP3工具|非KGM文件|解密音频09NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南10在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)