vuecli3第一次加载页面点击进行路由跳转第一次点击页面闪一下第二次点击才跳转

发布于 2022-09-11 20:58:31 字数 854 浏览 11 评论 0

router.js

import Vue from 'vue'
import Router from 'vue-router'
import SignIn from './views/signIn.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'signIn',
      component: SignIn
    },
    {
      path: '/home',
      name: 'home',
      component: () => import('./views/home.vue')
    }
  ]
})

跳转代码

<button class="loginBtn" @click="signin">登录</button>
            
    signin() {
      this.$router.push({
        name: "home"
      });
    },

第一次进入页面地址栏显示
图片描述

然后第一次点击按钮地址栏多了个“?”号,但是并没有进行跳转
图片描述

第二次点击按钮跳转成功
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

番薯 2022-09-18 20:58:31

已解决我把登录按钮写在了form里面导致的这个情况

人心善变 2022-09-18 20:58:31

好吧...路由懒加载可以写成一个函数,感觉方便点
const getPage = page => () => import(../pages/${page}/${page}.vue)
使用时:
component: getPage('home'),

两相知 2022-09-18 20:58:31

真的是,太感谢了,卡这个bug好几个小时,舒服了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文