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 netty整合springboot之后自动重连失效
- ¥20 wireshark抓不到vlan
- ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
- ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
- ¥15 stata安慰剂检验作图但是真实值不出现在图上
- ¥15 c程序不知道为什么得不到结果
- ¥40 复杂的限制性的商函数处理
- ¥15 程序不包含适用于入口点的静态Main方法
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位，为什么我这个没有实现模拟点击