vue中花括号表达式,string类型除以number类型返回NaN值

bug:
数据为0时,el-progress的color还是有颜色,应该是没有颜色的

第一步解决:

设置动态color

          <el-progress
            :show-text="false"
            :percentage="(oilCarOccupationNum / totalNum) * 100"
            :color="oilCarOccupationNum ? '#4EDDCB' : '#EBEEF5'"
            stroke-width="10"
          ></el-progress>

还是没有变化,

第二部解决:

打印oilCarOccupationNum,totalNum,(oilCarOccupationNum / totalNum)的值,发现分别是string,number,NaN

找到原因了

解决办法:


把string转成Number类型

posted @   崛起崛起  阅读(85)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
历史上的今天:
2022-02-22 npm 安装依赖报错解决
点击右上角即可分享
微信分享提示