vue-计算属性computed如何传参
vue-计算属性computed如何传参
·
在vue中,其实计算属性computed是不能直接传参的,如果你直接往计算属性里的方法传参,会报错如下:
其实针对简单的计算 使用方法methods同样可以实现效果,但是我们知道,计算属性computed是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。
但是如果使用方法methods,就会出现每当触发重新渲染时,调用方法都会再次执行函数;所以我们还是更倾向于使用计算属性;
所以传参可以使用计算属性,但是我们要换个写法,就不会报错了:
例如:
我想根据name展示不同的icon;放在计算属性里:
computed: {
buttonIcon() {
return function(name){
let newMap = {'column':'el-icon-tickets','table':'el-icon-document-copy'}
return newMap[name]
}
}
},
更多推荐
已为社区贡献1条内容
所有评论(0)