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

时间：2024-02-22 11:44:05浏览次数：21

标签：vue string color NaN number 类型 oilCarOccupationNum

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类型

标签：vue,string,color,NaN,number,类型,oilCarOccupationNum
From： https://www.cnblogs.com/hxy--Tina/p/18026981

反射突破String不可变
try{Stringstr="yyg";System.out.println("str="+str+",唯一性hash值="+System.identityHashCode(str));ClassstringClass=str.getClass();//获取String类中的value属性Fieldfield=stringClass.getDeclaredFiel......
Vue学习笔记6--数据绑定
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Vue数据绑定</title>......
vue3 ts用正则表达式校验两位小数和校验整数的方法
<el-col:span="12"><el-form-itemlabel="贷款金额"prop="loanAmount"><el-input-numberv-model="props.loanAmount":min="0"@change="checkIntegerNumber('loanAmount')"controls......
若依+vue3配置菜单后设置缓存但实际上切换页签重复请求接口
刚接触ruoyi，配置菜单时发现一个问题，配置好了，也设置了缓存，但是切换tab页签还是会重复请求接口，配置如图：仅是举例，如上图，系统管理->角色管理列表配置，路由地址是role,缓存也勾选了，但实际上第一次打开角色管理页签第一次请求了数据，再跳转其他页面，回到角色管理页签时，又一次请求了数据，实......
Vue循环实现累加的七种方法
<body><divid="app"><h2>总价：{{totalPrice}}</h2></div><script>constvm=newVue({el:"#app",data(){return{......
C++ STL 容器-string类型
C++STL第一部分-容器STL的介绍C++的STL分为六大部分容器分为String容器例子1std::stringstr1,str2,str3,str4;str1.assign("abcd");//给str1赋值abcdstr2.assign("abcd",3);//获取abcd中的3个，从0到2str3.assign(str1);//获取str1//注意str3()和str3.a......
ssts-hospital-web-master项目实战记录六：项目迁移方案大纲（html -> vue）
记录时间：2024-02-21（一）公共资源部分Inc/cssInc/flashInc/imagesInc/jsInc/voice（二）页面部分1.主页及其组成（1）index.html->App.vue（2）MainPage*.html->views/main-page*MainPage1.html->views/main-page1MainPage2.html->views/main-page2MainPage3.html->......
Vue项目中关闭Eslint检查
1.问题由于Eslint检查总是无法通过编译，在我们写一些简单的程序时显得十分麻烦，便想要关闭它2.解决这里有两种情况2.1使用WebStorm自带的Eslint导致的检查这种情况只要在WebStorm中的设置里关闭即可2.2Vue项目创建时选择了Eslint检查，生成了相应的js文件参考：vue关闭eslint(......
vue ui无效，没有打开可视化页面
1.问题选择使用vueui打开可视化界面来设置Vue项目，但是并没有打开相应界面2.解决参考:vueui无效，没有打开可视化页面通过查找了资料后发现，原来要vue3.x版本以上才有vueui这个命令。而我当前的版本为2.9.6解决方法：先用npmuninstallvue-cli-g删除现在已有的vue（1.x和2.x......
Java人力资源管理系统源码(含数据库)-springboot+vue+mysql
EHR人力资源管理系统是一种利用现代技术，如云计算、大数据等，来实现企业人力资源信息电子化、流程自动化的系统。它覆盖了人力资源管理的各个方面，从招聘、考勤、绩效到薪酬、社保公积金等，为企业提供一站式的解决方案。1.招聘管理：-职位发布：系统支持在线发布职位信息，吸引候选人......

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

相关文章

赞助商

阅读排行