首页 新闻 搜索 专区 学院

vue上传图片后为什么自动返回父页面,如何停留在该子表单页面上

0
悬赏园豆:40 [待解决问题]

父页面中有一按钮,点击弹出表单,即子页面,在子页面中上传图片后,想继续留在子页面进行操作或者查看。但实际却自动关闭了子页面,返回主页面,为什么?请问与post请求有关么?应该怎么解决?
export function postSave(aa){
return request({
url:'/api/Image/Upload',
method:'post',
headers:{'Content-Type': 'multipart/form-data'},
data:aa
})
}
子页面 表单
<el-dialog :title="dialogStatus" :visible.sync="iFormVisible">
<el-form ref="iForm" :model="alist" label-position="left">
<el-row>
<el-col :span="12">
<el-form-item label="名称">
<el-input v-model="alist.Name" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="选择图片">
<el-upload class="upload-demo" action="" :before-remove="beforeRemove" multiple :limit="1"
:on-exceed="handleExceed" :http-request="handlePost" :file-list="fileList" accept="image/*" id="upload_file" ref="upload">
<el-button size="small" type="primary">选择图片</el-button>
</el-upload>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-button type="primary" @click="startSave()" style="position:relative;left:80px;">确认提交</el-button>
</el-col>
</el-row>
</el-form>
</el-dialog>
方法:
handlePost(file) {
this.files=file.file;
},
startSave()
{
var fd = new FormData();
fd.append('file', this.files);
postSave(fd).then(response => {
console.log(response.data)
})
});
}
}
代码中并没有关闭、隐藏表单的方法设置,如:this.iFormVisible = false,但此方法结束后会自动关闭该表单,刷新原页面,是因为用的post请求造成的么?我想继续停留在该表单内应该如何做?
感谢各位大佬的帮助~

vue
小白学无止境的主页 小白学无止境 | 初学一级 | 园豆:8
提问于:2020-04-11 14:41
< >
分享
所有回答(1)
1

试试给弹出层加这个属性:
close-on-click-modal 为 false

muamaker | 园豆:773 (小虾三级) | 2020-04-13 13:19
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册