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 显示帮助
使用"Ctrl+Enter"可进行快捷提交，评论支持部分 Markdown 语法：[link](http://example.com) _italic_ **bold** `code`。
< > 分享
分享您的问题
所有回答(1) 1 试试给弹出层加这个属性：
close-on-click-modal 为 false muamaker | 园豆：764 (小虾三级) | 2020-04-13 13:19 编辑文本 预览 上传图片
Ctrl+Enter键快速提交
清除回答草稿
您需要 登录 以后才能回答，未注册用户请先 注册 。