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(没有缓存)循环多少次执行多少次  有点浪费性能了   

posted @ 2021-12-08 11:33  前端白雪  阅读(2010)  评论(0编辑  收藏  举报