element上传文件请求体中加入自定义参数

<template>
    <!-- 此处为上传文件统一版本 -->
    <div>
        <el-upload class="upload-demo" :action="action" :data="{loginName:loginName}" :on-preview="handlePreview"
         :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList" :on-success="handleAvatarSuccess">
            <el-button size="small" type="primary">点击上传</el-button>
        </el-upload>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                loginName:null,
                fileList:null,
                action: this.url + '/SensitiveWord/uploadExcel'
            };
        },
        created() {
            this.loginName = sessionStorage.getItem('userInfo')  //获取当前上传文件的登陆者
        },
        methods: {
            handleAvatarSuccess(res,file) {
                this.$parent.getList()
            },
            handleRemove(file, fileList) {
            },
            handlePreview(file) {
            },
            handleExceed(files, fileList) {
                this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
            },
            beforeRemove(file, fileList) {
                return this.$confirm(`确定移除 ${ file.name }？`);
            }
        }
    }
</script>

<style scoped>
    /*start 组件统一更改*/
.upload-demo{
    display: flex;
}
    /*组件统一更改*/
</style>

image.png image.png