为表单字段添加观察者

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上，但不会以另一种方式反映出来。要创建双向数据绑定，您应该使用v-model。

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

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