Laravel Nova 自定义字段，防止按“Enter”键提交表单答案

【问题标题】：Laravel Nova custom field, prevent submit form on press 'Enter' keyLaravel Nova 自定义字段，防止按“Enter”键提交表单
【发布时间】：2019-12-01 18:02:20
【问题描述】：

我创建了一个自定义 Nova Field 以通过 Google Place API 自动完成地址。

当我从自动完成下拉列表中选择建议的地址并按“Enter”键时，资源Create 表单正在提交。

在address输入字段在Vue.js组件中或从Nova端收到事件后，有什么方法可以防止keypress事件上升，以防止表单被提交？

【问题讨论】：

标签： laravel vue.js laravel-nova

【解决方案1】：

找到解决办法

只需将@keypress.enter.prevent 放入input 标签中

            <input
                    :id="field.name"
                    type="text"
                    class="w-full form-control form-input form-input-bordered"
                    :class="errorClasses"
                    :placeholder="field.name"
                    v-model="value"
                    @keypress.enter.prevent
            />

【讨论】：