vue 计算属性中(computed)是这样传递参数的(一看就会的操作 超详细)
Posted att-123
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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(没有缓存)循环多少次执行多少次 有点浪费性能了
每天分享一个前端偷懒小技巧 大家喜欢的话可以给我加个关注哈
以上是关于vue 计算属性中(computed)是这样传递参数的(一看就会的操作 超详细)的主要内容,如果未能解决你的问题,请参考以下文章