在VUE项目中动态设置背景图的透明度时,重点是背景图的透明度,而不是背景颜色的透明度,,刚开始怎么也设置不上,写固定值的时候可以,所有就想为什么不能像动态绑定style一样呢??在网上查了大多的帖子,解决的都是背景颜色的透明度,也即是使用rgba,却没有动态设置背景图透明度的相关解答! 那么后来我是怎么解决的呢?

 

很奇怪,这里需要使用魔板字符串,读取这个变量的值!

 :style="{background:'url('+searchConfig.topImg+')',opacity:`${$store.state.headerOpacity}`}"

使用模板字符串,里面放上这个变量就可以了!我这里是从store里取的值,, 是不是很奇葩呢?

Logo

前往低代码交流专区

更多推荐