美文网首页
vue使用el-upload上传升级包文件,并携带其它参数

vue使用el-upload上传升级包文件,并携带其它参数

作者: monkeyfly36 | 来源:发表于2018-12-24 18:34 被阅读0次
<el-form-item label="升级固件">
    <el-upload ref="upload"
               action="/upload"
               :headers="headers"
               :before-upload="beforeUploadFile"
               :auto-upload="false"
               :data="ruleForm"
      >
      <el-button slot="trigger">选取文件</el-button>
      <div slot="tip"></div>
      </el-upload>
</el-form-item>
export default {
  data () {
    return {
      //!!!点击提交按钮,除file文件外,可以携带其它参数
      ruleForm: {
        max_ver: '',
        min_ver: '',
        enable: ''
      }
    }
  },
  methods: {
    // 手动上传
    submitUpload () {
      this.$refs.upload.submit()
    },
    // 上传之前
    beforeUploadFile (file) {
      if (size > 500) {
        this.$confirm('文件大小不得超过500M', {
          confirmButtonText: '确定'
        })
        return false
      }
    },
    computed: {
      //!!!在computed里面可以设置头部信息,如增加tooken
      headers () {
        return {
          'Authorization': localStorage.getItem('token')
        }
      }
    }
}

相关文章

网友评论

      本文标题:vue使用el-upload上传升级包文件,并携带其它参数

      本文链接:https://www.haomeiwen.com/subject/mwozkqtx.html