elementui action

以下是关于 Element UI 中 action 属性的详细说明和使用方法，主要涉及上传组件（el-upload）中的配置：

上传组件的 action 属性

action 是 el-upload 组件必需的属性，用于指定文件上传的后端接口地址。需为完整的 HTTP URL，例如：

<el-upload action="https://example.com/api/upload">
  <!-- 其他配置 -->
</el-upload>

动态设置 action

可通过绑定动态值或方法实现灵活配置：

<el-upload :action="uploadUrl">
  <!-- 其他配置 -->
</el-upload>

data() {
  return {
    uploadUrl: 'https://example.com/api/upload'
  }
}

自定义上传逻辑

若需覆盖默认上传行为，可使用 http-request 属性自定义请求：

<el-upload :action="uploadUrl" :http-request="customUpload">
  <!-- 其他配置 -->
</el-upload>

methods: {
  customUpload(file) {
    const formData = new FormData();
    formData.append('file', file);
    axios.post('https://example.com/custom-upload', formData)
      .then(response => {
        console.log('上传成功', response);
      });
  }
}

多文件上传配置

通过 multiple 属性启用多文件上传，action 会自动处理批量请求：

<el-upload action="https://example.com/api/upload" multiple>
  <!-- 其他配置 -->
</el-upload>

跨域与认证配置

若接口需要认证或跨域，需配合 headers 属性：

<el-upload 
  action="https://example.com/api/upload"
  :headers="{ 'Authorization': 'Bearer ' + token }">
</el-upload>

注意事项

• 确保后端接口支持对应的 HTTP 方法（默认 POST）
• 文件大小限制可通过 before-upload 钩子校验
• 错误处理建议监听 on-error 事件

以上方法可根据实际项目需求组合使用，Element UI 的官方文档提供完整的 API 参考和示例代码。