vue使用computed有参数_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(没有缓存)循环多少次执行多少次  有点浪费性能了

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值