vue 点击切换 图片的 src

html

          <div class="flex-img" @click="changOption">
            <img :src="flag== true ? require('@/assets/images/statistics/analytics-graph-chart.png'): require('@/assets/images/statistics/analytics-graph-chart3.png')" class="mr26 ml26" />
            <img :src="flag== true ? require('@/assets/images/statistics/analytics-graph-chart1.png'): require('@/assets/images/statistics/analytics-graph-chart2.png')" />
          </div>

 

数据 ：

 

   flag: true,

 

js  方法 ：

 

  changOption () {
        this.flag = !this.flag
      },

 

效果：

 

 

 

 

posted @ 2020-12-14 11:32  1点  阅读(2438)  评论(2)  编辑  收藏  举报