vue.js 选项卡切换对img设置不同的图片 html

文章图片

给img标签设置src
【vue.js 选项卡切换对img设置不同的图片】引入两张图片选项卡切换的时候设置不同的图片

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},

vue.js 选项卡切换对img设置不同的图片