vue-计算属性computed如何传参

在vue中,其实计算属性computed是不能直接传参的,如果你直接往计算属性里的方法传参,会报错如下:
vue-计算属性computed如何传参_第1张图片

其实针对简单的计算 使用方法methods同样可以实现效果,但是我们知道,计算属性computed是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。

但是如果使用方法methods,就会出现每当触发重新渲染时,调用方法都会再次执行函数;所以我们还是更倾向于使用计算属性;

所以传参可以使用计算属性,但是我们要换个写法,就不会报错了:

例如:
我想根据name展示不同的icon;放在计算属性里:

computed: {
    buttonIcon() {
      return function(name){
        let newMap = {'column':'el-icon-tickets','table':'el-icon-document-copy'}
        return newMap[name]
      }
    }
  },

你可能感兴趣的:(VUE,vue.js,javascript,前端)