关于ElementUI 中 input 上加@keyup.enter.native事件会出现刷新整个页面的问题

这个问题通常是因为使用了@keyup.enter.native触发了表单的提交操作，而表单的提交按钮可能缺失type="button"属性，导致浏览器将其解释为提交按钮，进而导致整个页面刷新。

解决方法：

1. 确保<input>元素所在的表单不会提交。可以通过设置<form>标签的onsubmit属性返回false，或者在<input>元素上设置type="button"。
2. 如果不需要表单提交功能，可以去掉<form>标签。
3. 如果需要表单提交，确保触发提交的是一个具有type="submit"属性的按钮。

示例代码：

<template>
  <el-form @submit.native.prevent> <!-- 使用.native.prevent修饰符阻止表单默认提交行为 -->
    <el-form-item>
      <el-input @keyup.enter.native="submitForm"> <!-- 绑定键盘回车事件 -->
      </el-input>
    </el-form-item>
    <el-button type="primary" @click="submitForm">Submit</el-button> <!-- 提交按钮 -->
  </el-form>
</template>
 
<script>
export default {
  methods: {
    submitForm() {
      // 处理表单提交逻辑
    }
  }
}
</script>

在这个示例中，使用了.prevent修饰符来阻止事件的默认行为，确保输入回车键不会导致页面刷新。同时，确保了提交按钮是明确的type="primary"类型，不会误解为提交按钮导致页面刷新。