elementui upload修改上传文件名

elementui upload组件的上传文件名是通过设置file-list属性中的name来实现的。在默认情况下，file-list属性中的name值是文件的原始名称。如果需要修改上传文件的名称，可以通过两种方式实现。

第一种方式是在上传之前通过监听before-upload事件，在事件回调函数中修改上传文件的名称。具体的步骤如下：

1. 在el-upload标签上绑定before-upload事件，例如：@before-upload="handleBeforeUpload"。
2. 在方法中定义handleBeforeUpload函数，并在该函数内部修改上传文件的名称。
3. 可以通过event.target.files[index]来获取要上传的文件对象，然后通过修改文件对象的name属性来修改文件名称。

以下是示例代码：

methods: {
  handleBeforeUpload(file) {
    // 修改上传文件的名称
    file.name = '修改后的文件名' + file.name.substring(file.name.indexOf('.'));
    return true; // 必须返回true，否则会阻止上传
  }
}

第二种方式是通过设置el-upload标签的default-file-list属性来实现。default-file-list属性可以设置一个文件对象数组，通过在每个文件对象中设置name属性来修改上传文件的名称。具体的步骤如下：

1. 在el-upload标签上绑定default-file-list属性，例如：:default-file-list="fileList"。
2. 在data属性中定义fileList数组，并设置每个文件对象的name属性来修改文件名称。

以下是示例代码：

data() {
  return {
    fileList: [
      {
        name: '修改后的文件名1',
        url: '文件链接1'
      },
      {
        name: '修改后的文件名2',
        url: '文件链接2'
      },
      // ...
    ]
  };
}

以上就是elementui upload修改上传文件名的两种方法。根据实际需要选择其中一种方法来实现上传文件名称的修改。