laravel-5 - 为表单字段添加观察者

Question

我正在使用 Laravel Nova，并且我想在所有必填字段为空时使“保存”按钮（在更新视图上）不可用。这是创建我的表单字段的“Update.vue”文件的代码部分：

<div v-for="field in fields">
 <component
    @file-deleted="updateLastRetrievedAtTimestamp"
    :is="'form-' + field.component"
    :errors="validationErrors"
    :resource-id="resourceId"
    :resource-name="resourceName"
    :field="field"
 /></div>

Fields数组填充来自后端的数据。

所以我可以在 Vue 开发工具中看到这个结构。当我更改输入值时，它会更改value为<form-text-field>，但我在Update组件中的任何地方都看不到这种更改。

所以我的问题是 - 如何动态更改输入字段？

Answer 1

在 Vue 中，数据只有一种方式流动，因此 Update 组件中数据的变化将反映在 form-text-field 上，而反之则不会。要创建 2-way 数据绑定，您应该使用 v-model。

我想 form-text-field 是您的自定义组件之一，在这种情况下，您应该为它创建一个自定义 v-model。请参阅：自定义组件 v-model

如果您无法在此处发布表单文本字段的实现，我们可以提供帮助。