vue 计算属性中(computed)是这样传递参数的(处理后端不同返回值前端定义的不同对应状态)


我们在做项目中有可能会遇到这样一种情况 比如A状态传递过来的是数字  我们需要使用switch来判断这个所属状态分别代表什么意思  (当然啦  这个过滤器也可以实现) 不过今天我要跟大家分享的是使用计算属性来实现

:title="typelist(items.paymentType)"

  需求: 我们的标题要跟随这个状态的变化而变化 

  解决方法:使用  computed

typelist() {
     return function(i) {
       console.log(i);
       let res;
       switch (Number(i)) {
         case 6:
           res = "一次性付清";
           break;
         case 1:
           res = "预付款";
           break;
         case 2:
           res = "进度款";
           break;
         case 4:
           res = "押金";
           break;
         case 5:
           res = "其他";
           break;
         default:
           res = "";
           break;
       }
       return res;
     };
   },

  我们可以根据状态所对应的值来进行操作  

    这儿我不推荐使用methods(没有缓存)循环多少次执行多少次  有点浪费性能了   


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM