实现页面显示图片，页面提供三个按钮，按下不同按钮，img 显示不同的图片，图片放入 在项目根目录下 src/assets 子目录中，用vue2和elementui的image组件

好的，这个问题也很容易实现。我们可以使用 Vue.js 和 ElementUI 框架来实现该功能。

首先，我们需要在项目中的 src/assets 目录下添加三个不同的图片文件，例如：

- src/assets/image1.jpg
- src/assets/image2.jpg
- src/assets/image3.jpg

然后，我们可以在 Vue 组件中定义一个 data 对象，用于存储当前显示的图片路径，以及三个不同的图片路径。同时，我们会使用 ElementUI 的 Image 组件来显示图片。例如：

<template>
  <div>
    <el-image :src="currentImage" fit="contain"></el-image>
    <el-button @click="showImage1">显示图片1</el-button>
    <el-button @click="showImage2">显示图片2</el-button>
    <el-button @click="showImage3">显示图片3</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentImage: '',
      image1: require('@/assets/image1.jpg'),
      image2: require('@/assets/image2.jpg'),
      image3: require('@/assets/image3.jpg')
    }
  },
  methods: {
    showImage1() {
      this.currentImage = this.image1
    },
    showImage2() {
      this.currentImage = this.image2
    },
    showImage3() {
      this.currentImage = this.image3
    }
  }
}
</script>

在上面的代码中，我们使用了 ElementUI 的 Image 组件来显示当前的图片，将图片的 fit 属性设置为 contain，以确保图片自适应容器大小。同时，我们使用了三个按钮来切换不同的图片。当点击按钮时，我们会更新 currentImage 变量的值，从而实现显示不同的图片。

最后，我们需要在组件中引入 ElementUI 组件，以确保组件正常工作。我们可以在组件的 script 标签中添加以下代码来完成引入：

import { Image, Button } from 'element-ui'

export default {
  components: {
    'el-image': Image,
    'el-button': Button
  },
  // ...
}

这样，我们就完成了使用 Vue.js 和 ElementUI 框架来实现页面显示图片，页面提供三个按钮，按下不同按钮，img 显示不同的图片的功能。