vue.js 选项卡切换 对img设置不同的图片
<img id="img_shared":src="shared"style="margin-left: 25px;" >给img标签设置src引入两张图片 选项卡切换的时候 设置不同的图片import shared_nor from '../../assets/shared_nor.png'import s
·
<img id="img_shared" :src="shared" style="margin-left: 25px;" >
给img标签设置src
引入两张图片 选项卡切换的时候 设置不同的图片
import shared_nor from '../../assets/shared_nor.png'
import shared_hover from '../../assets/shared1_hover.png'
然后在data 里面把src 属性定义出来
export default {
data() {
return {
shared:'',//这就是img标签中定义的的src属性
}
},
if(param==1){
this.shared=shared_hover;
}else if(param==2){
this.shared=shared_nor;
}else if(param==3){
this.shared=shared_nor;
}
默认进来 在生命周期函数中 调用
mounted(){
this.shared=shared_nor
},
更多推荐
已为社区贡献7条内容
所有评论(0)