vue计算属性computed如何传参?
七娃博客592人阅读
问题场景:
通过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' } } }
搞定!又学一招~
评论 | 0 条评论
登录之后才可留言,前往登录