zoukankan      html  css  js  c++  java
  • 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(没有缓存)循环多少次执行多少次  有点浪费性能了   

      每天分享一个前端偷懒小技巧   大家喜欢的话可以给我加个关注哈

  • 相关阅读:
    表单全选,不选和反选
    利用js改变宽,高等属性
    点击显示与隐藏
    改变div的不同属性
    给三个不同的div变色
    经典排序算法实现
    基本排序算法的实现
    排序的概念及分类实现
    #和##运算符实例
    #pragma预处理实例
  • 原文地址:https://www.cnblogs.com/att-123/p/13154086.html
Copyright © 2011-2022 走看看