Laravel Nova 自定义字段，防止按 'Enter' 键提交表单

Question

我创建了一个自定义 Nova Field 以通过 Google 地点 API.

自动完成地址

当我 select 来自自动完成下拉列表的建议地址并按 'Enter' 键时，资源 Create 表单正在提交。

在 address 输入字段在 Vue.js 组件中或从 Nova 端收到事件后，是否有任何方法可以防止按键事件上升，以防止提交表单？

Answer 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
            />

Laravel Nova 自定义字段，防止按 'Enter' 键提交表单

Laravel Nova custom field, prevent submit form on press 'Enter' key

laravel

vue.js

laravel-nova