问题标签 [vue-render-function]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
32 浏览

javascript - Vue 3渲染函数中如何防止表单提交【元素加】

问题

Element+当用户按下ENTER只有一个字段的表单时,我试图阻止在我的应用程序中提交表单。

在他们的文档中它说:

W3C 规定“当表单中只有一个单行文本输入字段时,用户代理应接受该字段中的 Enter 作为提交表单的请求。” 为了防止这种行为,您可以添加 @submit.prevent on 。

当前代码

我有以下代码:

问题

Unfurtonately 当我按下时它正在刷新页面ENTER

我试过的

我试过直接在表单上设置监听器

我尝试将按钮类型更改为submit并尝试对submit事件做出反应

问题

如何从中捕获submit事件ElForm并确保页面没有被刷新?