怎样使用elementui 实现图片列表并可以多选图片

要使用 Element UI 实现图片列表并允许多选图片，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了 Element UI。你可以通过 npm 或 yarn 进行安装：

npm install element-ui --save

或者

yarn add element-ui

2. 在你的项目中引入 Element UI 的样式和组件。你可以在 main.js 文件中添加以下代码：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

3. 接下来，创建一个图片列表组件，可以使用 Element UI 的 `el-upload` 和 `el-image` 组件。在你的组件模板中添加以下代码：

<template>
  <div>
    <el-upload
      action="/upload"
      :multiple="true"
      :on-change="handleImageChange"
    >
      <el-button type="primary">点击上传</el-button>
    </el-upload>
    <div v-if="imageList.length > 0">
      <el-image v-for="(image, index) in imageList" :key="index" :src="image.url"></el-image>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageList: []
    }
  },
  methods: {
    handleImageChange(fileList) {
      this.imageList = fileList.map(file => ({
        url: URL.createObjectURL(file.raw)
      }))
    }
  }
}
</script>

在上面的代码中，我们使用了 `el-upload` 组件来实现文件上传功能，并设置 `multiple` 属性为 true，以允许多选图片。当图片列表发生变化时，我们使用 `el-image` 组件来显示图片。

4. 最后，在你的路由或其他组件中使用这个图片列表组件：

<template>
  <div>
    <image-list></image-list>
  </div>
</template>

<script>
import ImageList from './ImageList.vue'

export default {
  components: {
    ImageList
  }
}
</script>

这样，你就可以使用 Element UI 实现图片列表并允许多选图片了。当你选择图片后，它们将显示在页面上。记得根据你的项目需求修改代码，并适配你的后端服务来处理上传的图片。