el-autocomplete远程搜索使用及el-upload上传多个文件流给后端，详情接口返回的是文件地址，前端将文件地址转成文件流，回传文件流给后端

2024-01-07 17:23:52

最近遇到一个项目，里面有2个需求我觉得挺常见的，第一个需求是一个表单里，当用户在输入名称后，前端调接口发请求获取到关联名称的企业名称，并展示，然后当用户选中企业后，前端调接口获取选中企业的具体信息，并填充到表单里；第二个需求是，表单里有个上传图片的功能，前端需要在用户点击保存的时候，前端调保存接口将文件流随表单数据一起以formData格式传给后端存起来，如下图，用户在名称输入框输入“武汉”两个字后调接口获取到的数据如下有“武汉市花木有限公司”、“武汉大学”等，当用户选中“武汉大学”后会将接口返回的信息回显，这里将“注册地址”、“统一社会信用代码”回显：
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
先说第一个需求的解决办法：
这里用到了饿了么组件的el-autocomplete组件，v-model双向绑定了表单的placeName，这个placeName是要传给后端的数据
在这里插入图片描述

    		

    		

    			文章来源:https://blog.csdn.net/qq_37635012/article/details/135378518

    			本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。