Vue/Inertia.js 不更新数据库中的值

Question

我有以下表格：

<form @change="updatePipeline">
  <select v-model="pipeline.input_mode">
     <option value="text">Text</option>
     <option value="html">HTML</option>
     <option value="json">JSON</option>
  </select>
</form>

@change调用如下：

<script setup>
import {useForm} from "@inertiajs/inertia-vue3";
const props = defineProps({
    pipeline: {
        type: Object,
        required: true,
    },
});

const form = useForm({
    input_mode: props.pipeline.input_mode,
});

const updatePipeline = () => {
    form.put(route('pipelines.update', props.pipeline), {
        errorBag: 'updatePipeline',
        preserveScroll: true,
    });
};

该值未在数据库中更新：

public function update(Request $request, Pipeline $pipeline)
{
    $pipeline->update(
        $request->validate([
            'input_mode' => 'required|string|min:3|max:255',
        ])
    );


    return redirect()
        ->route('pipelines.edit', ['pipeline' => $pipeline])
        ->with('success', 'Pipeline edited successfully.');
}

我究竟做错了什么？

Answer 1

请注意对此答案的第一条评论。 它取决于版本

我不是惯性专家，但当你这样做时

$pipeline->update(
        $request->validate([
            'input_mode' => 'required|string|min:3|max:255',
        ])
    );

它返回一个void ，您可以在这里看到https://laravel.com/api/5.5/Illuminate/Validation/Validator.html#method_validate

您正在寻找的是：

$request->validate(['input_mode' => 'required|string|min:3|max:255'])

$pipeline->update($request->validated());

validated()将返回一个经过验证的项目数组。

---

编辑

您的模态Pipeline中的$fillables fillables 中有input_mode吗？ 如果没有，那是你的问题

protected $fillables = ['input_mode'];

Answer 2

所以我在这里问这个问题后不久就发现了这一点。 数据库没有被持久化的原因是我指的是v-model属性上的pipeline 。 相反，我应该参考form ：

<form @change="updatePipeline">
  <select v-model="form.input_mode">
     <option value="text">Text</option>
     <option value="html">HTML</option>
     <option value="json">JSON</option>
  </select>
</form>

所以，我没有： v- v-model="pipeline.input_mode" ，而是： v-model="form.input_mode" 。