vue
<div :style="setBgColor(target_chn.bgColor)" class="section8 flex-col">
js
data () {
return {
// 必须在这里设置加载图片
topImg: {
'top_1': require('./img/top_1.png'),
'top_2': require('./img/top_2.png'),
'top_3': require('./img/top_3.png')
},
}
}
js
setBgColor (bgColor) {
if (bgColor === '' || bgColor === '' || bgColor === undefined) {
return {background: 'url(' + this.topImg['top_2'] + ') -6px -4px no-repeat '}
} else {
return {background: 'url(' + this.topImg[bgColor] + ') -6px -4px no-repeat '}
}
},
target_chn可以是一个变量用按钮进行点击选择的,选择之后target_chn的值就改变