标签：就会 log ted 前端 性能 number 标题 参数 type
我们在做项目中有可能会遇到这样一种情况 比如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（没有缓存）循环多少次执行多少次 有点浪费性能了
每天分享一个前端偷懒小技巧 大家喜欢的话可以给我加个关注哈
vue 计算属性中(computed)是这样传递参数的（一看就会的操作 超详细）
标签：就会 log ted 前端 性能 number 标题 参数 type
原文地址：https://www.cnblogs.com/att-123/p/13154086.html
