element提交表单第一次会刷新后续操作一切正常

element ui的el-button有一个native-type='submit'属性，是用于按下回车键提交表单的，但是在给el-button添加这个属性的时候会存在首次登录刷新页面的问题

      <el-form ref="ruleForm" :model="form" :rules="rules" label-width="80px" class="login_form" label-position="right">
        <el-form-item label="用户名" prop="name">
          <el-input prefix-icon="el-icon-user-solid" v-model="form.name" ></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="password">
          <el-input type="password" prefix-icon="el-icon-lock" v-model="form.password" ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="submitForm('ruleForm')" native-type="submit">登录</el-button>
          <el-button type="info" @click="resetForm">重置</el-button>
        </el-form-item>
      </el-form>

这样只给el-button添加native-type='submit'属性的时候，首次提交表单页面会刷新一次，但是后续操作一切正常，这时候我们给el-form标签添加一个属性就不会出现刷新情况了

      <el-form ref="ruleForm" :model="form" :rules="rules" label-width="80px" class="login_form" label-position="right" @submit.native.prevent>
        <el-form-item label="用户名" prop="name">
          <el-input prefix-icon="el-icon-user-solid" v-model="form.name" ></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="password">
          <el-input type="password" prefix-icon="el-icon-lock" v-model="form.password" ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="submitForm('ruleForm')" native-type="submit">登录</el-button>
          <el-button type="info" @click="resetForm">重置</el-button>
        </el-form-item>
      </el-form>

总结：当我们给el-button添加native-type属性的时候也需要给el-form标签添加一个@submit.native.prevent属性

@submit.native.prevent