在Vue中输入文本字段时光标跳出

<template>
  <div>
    <input type="text" v-model="inputValue" @keyup.enter="handleEnter" />
    <button @click="handleClick">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleEnter() {
      // 在按下回车键时触发，可以在这里执行提交操作
      // 例如，可以调用后端接口保存数据
      this.handleSubmit();
    },
    handleClick() {
      // 点击提交按钮时触发，可以在这里执行提交操作
      // 例如，可以调用后端接口保存数据
      this.handleSubmit();
    },
    handleSubmit() {
      // 提交操作的逻辑
      console.log('提交的值：', this.inputValue);
      // 清空输入框
      this.inputValue = '';
    }
  }
};
</script>