vue怎么在进度条内实现 数字/数字 的样式
需要实现的效果：
我用percentage就自动会把它算成百分比，怎样才能让它的进度条会按百分比显示，但里面的文字是数字/数字的形式显示
vue怎么在进度条内实现 数字/数字 的样式
我用percentage就自动会把它算成百分比，怎样才能让它的进度条会按百分比显示，但里面的文字是数字/数字的形式显示
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
崽崽的谷雨 2022-11-15 11:03关注按照你 的说法 ，需要把百分比 转换成 分数？x/50 。可以用 formter自定义显示能容。
比如 进度条的10% 转换成 50*10%=5 那么 应该显示 5/50
上面这个 进度条的70% 。就是50的 35
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 编辑记录 分享
- 2022-11-15 10:45回答 2 已采纳 按照你 的说法 ，需要把百分比 转换成 分数？x/50 。可以用 formter自定义显示能容。 比如 进度条的10% 转换成 50*10%=5 那么 应该显示 5/50 上面这个 进度条的70%
- 2022-07-27 17:19回答 3 已采纳 几个常用的 js 库_Zheng One Dream的博客-CSDN博客 js-cookie —— 好用的cookie操作库import
- 2023-01-31 00:13回答 13 已采纳 在前端 vue 中实现根据图片 URL 生成 PDF 文件的基本流程如下： 安装并引入 PDF 生成库，例如 jspdf。定义一个函数，用于生成 PDF 文件。利用 JavaScript 的 Canv
- 2022-02-17 19:01Miraitowa_chole的博客 #前端#追加样式，动态修改进度条/仪表盘？
- 2021-01-04 17:53回答 11 已采纳 给你们一个解决方案 在 ts 项目下的 src 目录创建一个 `swiper-t.d.ts` 文件 /** * @作者: Seale * @时间: 2021/1/26 * @版本: V1.
- 2022-07-27 11:17回答 2 已采纳 let array= ["1","2","3"]; let newArr = array.map(item => Number(item)) console.log(newArr)
- 2021-08-09 17:12回答 1 已采纳 value就也写成跟label一样，因为你没有额外创建一个数据字典，value就应该是你要展示的值
- 2021-10-18 14:43她和海水一样咸的博客 这里实现进度条用到了es6语法的模版字符串，通过更改css样式实现正常显示进度的进度条和一种显示剩余余额的进度条： html代码不需要改变： <div class="scheduleCont_1_left_1" :class="10 >= 100 ? 'nobg' : ...
- 2022-02-22 01:16回答 2 已采纳 ::v-deep 这样试试 对你有用的话，请点击一下【采纳此答案】，谢谢🌹
- 2022-10-12 10:11回答 2 已采纳 这个 查询 前端只需要 传 两个事件 即可 。后端根据这个 sql查询
- 2022-07-15 09:00回答 5 已采纳 watch 监听,参考一楼
- 2023-07-17 13:49helloliyh的博客 vue实现自定义进度条
- 2021-08-03 10:19回答 4 已采纳 这边比较凑巧，子组件打开是el-dialog，有个append-to-body属性，直接追加到body下，子组件独立于父组件外，不受父组件影响
- 2019-10-12 10:04泛酸桂花酒的博客 2.小球跟随数字大小而准确落在正确的位置 3.可以配置舒适范围的颜色 4.当超出舒适范围变为红色，超出剩余部分变为红色 #对应方案 1.用canvas实现3/4圆环 2.利用坐标系计算出小球的位置 3.利用容器百分比实现自适应 4...
- 2022-03-31 08:52爱生活、爱机车的博客 第一种，悬浮选显示进度条，如果不需要悬浮可以 showTip为true，这样会导致菜单折叠进度条位置不变，如果悬浮显示就没有问题， <template> <div :style="{width:width+'px'}" class="processBox" @...
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月23日
已采纳回答
11月15日-
创建了问题
11月15日
悬赏问题
- ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线，如何释放宽带全部速度
- ¥30 关于#r语言#的问题：如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
- ¥15 ETLCloud 处理json多层级问题
- ¥15 matlab中使用gurobi时报错
- ¥15 这个主板怎么能扩出一两个sata口
- ¥15 不是，这到底错哪儿了😭
- ¥15 2020长安杯与连接网探
- ¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么