vue 动态添加回车事件

在Vue中，可以使用v-on指令来实现动态添加回车事件。

具体来说，我们可以在组件或者元素上使用v-on指令，并指定事件类型为“keydown.enter”，然后将回车事件触发的方法作为指令的值传入。如下所示：

<template>
  <div>
    <input type="text" v-on:keydown.enter="handleEnter">
  </div>
</template>

<script>
  export default {
    methods: {
      handleEnter() {
        console.log('Enter Key Pressed')
      }
    }
  }
</script>

在上述代码中，我们在input元素上使用v-on指令，指定事件类型为“keydown.enter”，当用户在该输入框中输入回车键时，就会触发handleEnter方法。

需要注意的是，这里的“keydown”和“enter”都需要使用小写字母，而且“.”前后都需要加上“v-on”。另外，对于指定事件类型的代码，你也可以使用简写形式“@keydown.enter”，这样就可以省略“v-on”部分，如下所示：

<template>
  <div>
    <input type="text" @keydown.enter="handleEnter">
  </div>
</template>

<script>
  export default {
    methods: {
      handleEnter() {
        console.log('Enter Key Pressed')
      }
    }
  }
</script>

综上所述，在Vue中，使用v-on指令可以方便地动态添加回车事件，并在触发时执行指定方法。