vue 添加回车事件
时间: 2023-06-29 08:13:47 浏览: 99
Vue中实现回车键切换焦点的方法
在 Vue 中,可以使用 `v-on` 或简写形式 `@` 来绑定事件。下面是一个示例,演示如何在输入框中按下回车键时触发一个方法:
```html
<template>
<div>
<input type="text" v-model="inputValue" @keyup.enter="handleEnter" />
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ""
};
},
methods: {
handleEnter() {
console.log("Enter key pressed");
}
}
};
</script>
```
在上面的代码中,我们使用 `v-model` 来绑定输入框的值到 `inputValue` 变量上,然后使用 `@keyup.enter` 来绑定回车键事件到 `handleEnter` 方法上。这样,当用户在输入框中按下回车键时,就会触发 `handleEnter` 方法,从而执行我们想要的逻辑。
阅读全文