提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

vue 点击切换 图片的 src

Vue 图片 切换 点击 src
2023-09-11 14:22:18 时间

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

 

效果：

 

 

 

 

相关文章