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

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