elementui上传图片限制数量

在 ElementUI 中，你可以使用 `el-upload` 组件来实现图片上传功能。如果要限制上传图片的数量，可以通过设置 `limit` 属性来实现。

例如，设置 `limit` 属性为 3，则用户只能上传最多 3 张图片：

<template>
  <el-upload
    class="upload-image"
    action="/upload"
    :limit="3"
    :on-exceed="handleExceed"
  >
    <el-button size="small" type="primary">上传图片</el-button>
  </el-upload>
</template>

在上面的示例中，当用户上传超过限制数量的图片时，会触发 `on-exceed` 事件，你可以在该事件中进行提示或其他操作：

methods: {
  handleExceed(files, fileList) {
    this.$message.warning(`最多只能上传 ${this.limit} 张图片`);
  },
},

如果你想要实现动态限制数量的功能，可以将 `limit` 属性绑定到一个变量上，然后在需要的时候修改该变量的值即可。