Vue/Laravel-Formdata.append在编辑时显示空值
我有一个有效的Vue/Laravel-Formdata.append在编辑时显示空值,laravel,vue.js,Laravel,Vue.js,我有一个有效的post方法来存储照片+用户的名字 // front-end let formData = new FormData(); formData.append('photo', this.tableItem.photo); formData.append('first_name', this.tableItem.first_name); await axios.post('/api/employees', formData, { headers: { 'Content-Typ
post
方法来存储照片+用户的名字
// front-end
let formData = new FormData();
formData.append('photo', this.tableItem.photo);
formData.append('first_name', this.tableItem.first_name);
await axios.post('/api/employees', formData, { headers: { 'Content-Type': 'multipart/form-data' }})
// back-end
$employee = Employee::create([
'first_name' => $request->first_name,
]);
现在,如果我编辑第一个\u名称
,则put
方法成功,但值显示为空白
Object.assign(this.tableData[this.editedIndex], this.tableItem)
let formData = new FormData();
formData.append('photo', this.tableItem.photo);
formData.append('first_name', this.tableItem.first_name);
await axios.put('/api/employees/' + this.tableItem.id, formData, { headers: { 'Content-Type': 'multipart/form-data' }})
$employee->update([
'first_name' => $request->first_name,
]);
如果我删除了formData
并将其替换为this.tableItem
则一切正常。即使我为对象放置等待。分配,新的值输入仍然不会被捕获。它是一个,也是一个Laravel,一个解决方法是使用补丁将方法
参数附加到formdata
或将值放入formdata
并使用axios.post
:
formData.append('u方法','PUT');
等待axios.post(
“/api/employees/”+this.tableItem.id,
formData,
//{...
查看Laravel repo上的此问题以了解更多信息:因此,这在很久以前就是一个bug。非常感谢!