html:
<div class="tab-box" ref="tabBG" :style="tabImage">
<div class="tab tab1" @click="changeBG('1')"></div>
<div class="tab tab2" @click="changeBG('2')"></div>
</div>
js:
data里面
jbj: {
backgroundImage: `url(${require("@/js/assets/picture/jbj.jpg")})`
},
xtj: {
backgroundImage: `url(${require("@/js/assets/picture/xtj.jpg")})`
},
tabImage: ""
mounted里面赋初值
this.tabImage = this.jbj;
methods里面
//tab切换
changeBG(x) {
if (x) {
if (x == "1") {
this.tabImage = this.jbj;
}
if (x == "2") {
this.tabImage = this.xtj;
}
}
},