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

Question

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

当我从自动完成下拉列表中选择建议的地址并按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
            />