elementUi upload上传达到limit后隐藏upload图标

在Element UI的<el-upload>组件中，当文件数达到limit属性设定的数量后，可以通过监听on-exceed事件来隐藏上传按钮。以下是一个简单的示例代码：

<template>
  <el-upload
    class="upload-btn"
    :limit="5"
    :on-exceed="handleExceed"
    action="https://jsonplaceholder.typicode.com/posts/"
  >
    <i class="el-icon-plus"></i>
  </el-upload>
</template>
 
<script>
export default {
  methods: {
    handleExceed(files, fileList) {
      // 当文件超出限制数量后，隐藏上传按钮
      this.$el.querySelector('.upload-btn').style.display = 'none';
    },
  },
};
</script>
 
<style>
.upload-btn {
  display: inline-block; /* 默认显示 */
}
</style>

在这个例子中，当文件数量达到limit属性设定的数量后，handleExceed方法会被调用，并通过修改上传按钮的CSS样式来隐藏它。这里使用了this.$el.querySelector来直接查询DOM元素，这是因为Vue实例没有直接操作DOM的权限，需要通过$el来访问组件根元素。