Vue elementui html页面中插入项目目录中存在的图片

在 Vue 中使用 ElementUI 插入项目目录中存在的图片，可以使用以下两种方式：

1. 引入图片

首先在项目中创建一个 `assets` 文件夹，将图片放入该文件夹中。然后在需要使用该图片的组件中，引入该图片：

<template>
  <div>
    <img :src="imgSrc" alt="图片">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgSrc: require('@/assets/img.png')
    }
  }
}
</script>

其中，`@` 表示项目根目录，`@/assets/img.png` 表示项目根目录下的 `assets` 文件夹中的 `img.png` 图片。

2. 使用静态资源路径

在 Vue CLI 3 以上的版本中，可以使用静态资源路径来引入图片。在 `vue.config.js` 文件中配置静态资源路径：

module.exports = {
  publicPath: './'
}

然后在组件中使用该图片：

<template>
  <div>
    <img :src="imgSrc" alt="图片">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgSrc: './assets/img.png'
    }
  }
}
</script>

其中，`./` 表示相对于当前页面的路径，因此可以直接使用 `./assets/img.png` 引入图片。