使用 Vue3 和 Inertiajs 更新返回数组 ["isTrusted" => true] Laravel答案

【问题标题】：update return array ["isTrusted" => true] Laravel with Vue3 and Inertiajs使用 Vue3 和 Inertiajs 更新返回数组 ["isTrusted" => true] Laravel
【发布时间】：2021-08-31 12:29:55
【问题描述】：

我尝试进行 Update 我在 Laravel 8 中进行了 debug，如下所示：

Controller 中的编辑和更新功能

public function edit($categories)
    {
        $categories = new CategoriesResources(Categories::findOrFail($categories));
        $categories->image;
        return Inertia::render('Categories/Edit', [
            'categories' => $categories,
        ]);    
    }

public function update(Request $request, $categories)
    {
        $categories = Categories::find($categories);
        dd($request->img_url);
        die;
    }

Vue 模板

<template>
   <form @submit.prevent="editCat">
      <input id="cat_name" type="text" v-model="category.cat_name" />
      <input @change="newImage" name="img_url" id="img_url" accept="image/*" type="file" />
      <input type="submit" value="update" /> 
   </form> 
</template>

props: {
    errors: Object,
    categories: Object
},

data(){
    return{
       category:{
          cat_id: this.categories.data.cat_id,
          cat_name: this.categories.data.cat_name,
          created_at: this.categories.data.created_at,
          updated_at: this.categories.data.updated_at,
          _method: 'put'
       },
       img_url: null
    }
},

methods:{
   newImage(e){
       this.img_url = e.target.files[0]
   },
   editCat(){
       this.$inertia.put(`/categories/${this.categories.data.cat_id}`,{
           'img_url' : this.img_url,
       });
   }
}

它返回表单中的数据，但图像文件的问题在更改图像文件并提交后在调试中返回：

数组 ["isTrusted" => true]

我以这样的形式添加：

<form @submit.prevent="editCat" enctype="multipart/form-data" method="POST">

什么都没变

我尝试从 props 中返回图像，但没有任何改变

【问题讨论】：

标签： php laravel vue.js inertiajs

【解决方案1】：

我已经解决了问题

<input @change="newImage( $event.target.files[0] )" />

【讨论】：