element-ui - upload组件，action的地址怎么管理

问题描述

问 题

组件： Upload
问题：action只能填字符串，不能放入函数或变量，
要实现的效果: 每次只修改工程的一个位置就可以修改所有的upload的提交地址，

官方demo

<el-upload
  class="upload-demo"
  action="https://jsonplaceholder.typicode.com/posts/"
  :on-change="handleChange"
  :file-list="fileList3">
  <el-button size="small" type="primary">点击上传</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

希望实现的效果

const url = xxxxx
  <el-upload
  class="upload-demo"
  action= url
  :on-change="handleChange"
  :file-list="fileList3">
  <el-button size="small" type="primary">点击上传</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

解决方案

把action换成:action后面应该就能写成变量了

这篇关于element-ui - upload组件，action的地址怎么管理的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！