vue动态绑定背景图片的透明度
在VUE项目中动态设置背景图的透明度时,重点是背景图的透明度,而不是背景颜色的透明度,,刚开始怎么也设置不上,写固定值的时候可以,所有就想为什么不能像动态绑定style一样呢??在网上查了大多的帖子,解决的都是背景颜色的透明度,也即是使用rgba,却没有动态设置背景图透明度的相关解答! 那么后来我是怎么解决的呢?很奇怪,这里需要使用魔板字符串,读取这个变量的值!:style="{...
·
在VUE项目中动态设置背景图的透明度时,重点是背景图的透明度,而不是背景颜色的透明度,,刚开始怎么也设置不上,写固定值的时候可以,所有就想为什么不能像动态绑定style一样呢??在网上查了大多的帖子,解决的都是背景颜色的透明度,也即是使用rgba,却没有动态设置背景图透明度的相关解答! 那么后来我是怎么解决的呢?
很奇怪,这里需要使用魔板字符串,读取这个变量的值!
:style="{background:'url('+searchConfig.topImg+')',opacity:`${$store.state.headerOpacity}`}"
使用模板字符串,里面放上这个变量就可以了!我这里是从store里取的值,, 是不是很奇葩呢?
更多推荐
已为社区贡献1条内容
所有评论(0)