vue计算属性computed如何传参?-Qui-Note

问题场景:

通过vue的计算属性,根据参数不一样,加载对应的style样式,有背景图的加载图片,没用背景图就用背景色。

直接用计算属性传参,发现有问题,报错TypeError: getThemeStyle is not a function

解决步骤:

1.html传参

:style="getThemeStyle( item.files )"

2.js通过return 返回一个函数将参数传入

getThemeStyle(){
        return  (src) =>{
             if(src != 'none'){
                    return 'background-image:url(' + src + ')';
             }else{
                    return 'background:#eee;color:#333'
             }
        }
}

搞定!又学一招~