vue input 回车提交表单

要在Vue中实现在输入框中按回车键提交表单，可以使用`@keyup.enter`事件来监听回车键的按下事件。以下是一个示例代码：

<template>
  <div>
    <input type="text" v-model="inputValue" @keyup.enter="submitForm" />
    <button @click="submitForm">Submit</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    submitForm() {
      // 在这里触发提交表单的操作
      // 例如：发送网络请求或执行其他逻辑
      console.log('Form submitted!');
    }
  }
};
</script>

在上面的示例中，使用`v-model`指令将输入框的值绑定到`inputValue`属性上。然后，使用`@keyup.enter`事件监听回车键的按下事件，当回车键被按下时，会触发`submitForm`方法。在`submitForm`方法中，你可以执行提交表单的操作，比如发送网络请求或执行其他逻辑。