切换背景图片
<div class="carlist" :style=imgurl></div>
imgurl:{ backgroundImage: "url(" + require("../../assets/nouse.png") + ")",},
切换图片
<img :src=img1 />
img1:require("../../assets/smartimg/right1.png"),
动态给div加边框
场景:点击地址时加上边框,并设置为当前要使用的地址
<div class="c1" v-for="i in addresslist"
:id=i.AddrSeq @click="checkAddress(i.AddrSeq)">
</div>
// 选择地址
checkAddress(id) {
if (this.lastel != null) {
this.lastel.style.boxShadow = null
}
var el = document.getElementById(id)
this.lastel = el;
el.style.boxShadow = ' 0 2px 12px 0 #409EFF'
this.currentAddress = id;
},
切换class
<div class="footerstyle" :class="{'test2':isChoose}" >
</div>
<style lang="scss" scoped>
.footerstyle {
position: absolute;
bottom: 0px;
width: 100%;
height: 5%;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.test2 {
background-color: #ff363d;
}
</style>
data() {
return {
isChoose:false,
};
}
methods: {
changeSubmit() {
this.isChoose = true
},