computed计算属性传参

2023-05-10  本文已影响0人  扶得一人醉如苏沐晨

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

 :class="statusColor(item.status)"

使用computed

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

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

image.png
上一篇下一篇

猜你喜欢

热点阅读