Vue 3 中使用回车键触发事件 - a-input 回车事件监听 - 常规

<template>
  <div>
    <a-input v-model:value="model.cfmxBeizhu" style="width: 300px" @keyup.enter="addNewCfmx" />
    <a-button type="primary" preIcon="ant-design:plus-outlined" @click="addNewCfmx">添加</a-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      model: {
        cfmxBeizhu: ''
      }
    }
  },
  methods: {
    addNewCfmx() {
      // 处理回车键事件的逻辑
    }
  }
}
</script>
<p>在上面的示例代码中，当用户在<code>a-input</code>中按下回车键时，<code>@keyup.enter</code>指令将调用<code>addNewCfmx</code>方法。你可以在<code>addNewCfmx</code>方法中添加你想要执行的逻辑来处理回车键事件。</p>