element plus 表单提交跳转

thinklog2018

于 2021-08-31 00:13:54 发布

阅读量3.1k

点赞数

分类专栏：前端文章标签： html5 javascript vue.js

本文链接：https://blog.csdn.net/thinklog2018/article/details/120008283

版权

前端专栏收录该内容

5 篇文章

订阅专栏

在Vue3项目中，使用ElementPlus和VueRouter时遇到登录页面到主页的跳转异常。问题出在提交表单的按钮上，原本应该使用`el-button`组件，却被误写为普通`button`标签，导致页面跳转失败。修复这个问题后，页面跳转恢复正常。此案例提醒开发者前端细节的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3 + element plus + vue router 在使用表单提交数据验证后跳转页面时，比如从登录页面跳转到home 页面，但home页面总是一闪又回到登录页面。百思不得其解，找了半天bug，原来是提交按钮没有写el-button，而是随手写成了button。不知道什么原因这个会影响到页面跳转。前端的坑实在是太多了。

<!-- 正确写法 -->
  <el-form-item>
    <el-button type='primary' @click="submitForm">提交</el-button>
   </el-form-item>

<!-- 错误写法 -->
  <el-form-item>
    <button type='primary' @click="submitForm">提交</button>
   </el-form-item>