computed计算属性传参

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-05-10 15:56 被阅读0次

vue中computed计算属性无法直接进行传参，如果有传参数的需求可以使用闭包函数（也叫匿名函数）实现。例如传过来不同的状态，我们设置成不同的颜色。（三元运算符可以实现但是只能设置两种，状态多了就不行了）

 :class="statusColor(item.status)"

使用computed

computed: {
    statusColor() {
      return function(val) {
        console.log(val);//根据val进行操作
      };
    },
  },

这里也可以直接写成methods里的方法，但是不推荐使用methods（没有缓存），具体为啥可以看看vue官网method和computed的区别

image.png

vue中计算属性computed方法内传参
原文：vue中计算属性computed方法内传参 vue中computed计算属性无法直接进行传参如果有传参数的...
Vue踩过的坑
NO.1 vue中的计算属性computed是不能传参的，只能通过变通的方法比如：{{getUserNames(...
计算属性
1.计算属性get方法：计算属性(computed)和Methods区别:计算属性(computed)适合：有缓...
Vue复习
Vue的计算属性计算属性computed
03.vue3-组合API(下篇)
组合API-computed函数定义计算属性： computed函数，是用来定义计算属性的，计算属性不能修改。基...
监听器和计算属性的区别watch,computed
计算属性computed和监听器watch区别？1.能使用计算属性computed的尽量使用计算属性，但是计算属性...
Vue之计算属性computed（一）
Vue中什么是计算属性computed，计算属性的基础、计算属性computed与方法method实现相同的功能为...
3.vue计算属性和过滤器
1.计算属性 Vue中的computed属性称为计算属性.它与methods不同,computed是响应式的,调用...
watch与computed的故事
computed 1.是计算属性2.应用：就是简化template里面{{}}计算和处理props或$emit的传...
Vue
computed 计算属性 computed的结果会被缓存，除非依赖的响应式属性变化才会重新计算，主要当做属性来使...