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 @ 2024-02-22 11:40  崛起崛起  阅读(19)  评论(0编辑  收藏  举报