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

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

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


    推荐阅读