为表单字段添加观察者答案

【问题标题】：Add a watcher for form fields为表单字段添加观察者
【发布时间】：2018-11-27 11:17:13
【问题描述】：

我正在使用 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 开发工具中看到这个结构。当我更改输入值时，它会更改 <form-text-field> 的 value，但我在 Update 组件中的任何地方都没有看到这种变化。

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

【问题讨论】：

标签： laravel-5 vue.js laravel-nova

【解决方案1】：

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

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

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

【讨论】：