为什么除了@click之外,该功能还能工作



I使用Vue3和firestore

这是我的问题。

<textarea class="form-control v-model="form.comment" @keypress.enter="saveComment" required></textarea>
<button @click="saveComment">save</button>

@keypress.enter=";saveComment"is works

但是@点击=";saveComment"不起作用。

我不知道这两者之间有什么区别。

我在脚本中的方法{}中使用了saveComment。


编辑

当我通过@keypress.enter运行该功能时,页面没有刷新

但当我通过@click运行该函数时,页面被刷新,该函数没有执行。所以我添加了一个prevent.submit,效果很好。

考虑到您在问题上只分享了很少的信息,我将根据一些假设进行回答。

keypress事件是在按下发出is字符的键时发出的事件(根据MDN,此事件已被弃用,因此您可能需要考虑keyup/retdown事件(。

但是,您应该注意,根据Vuejs,@keypress.enter事件只有在个人单击回车键时才会发出。@另一方面,当在这样的元素(在本例中为按钮(上观察到点击事件时,会发出点击事件。

最新更新