vue 路由跳转并打开新页面【详细】

1.路由{path: '/Login',name: 'Login',title: '登录',component: () => import('@/views/Login'),},2.点击路由跳转新页面<button class="btns" type="button" @click="showLogdialog()">登录</button>methods: {// 登

mwh321

10090人浏览 · 2021-12-23 09:35:39

mwh321 · 2021-12-23 09:35:39 发布

1.路由

  {
    path: '/Login',
    name: 'Login',
    title: '登录',
    component: () => import('@/views/Login'),
  },

2.点击路由跳转新页面

<button class="btns" type="button" @click="showLogdialog()">登录</button>

methods: {
    // 登录
    showLogdialog() {
      let routeUrl = this.$router.resolve({
        path: '/Login',
        query: {
          companyName: 'Login'
        }
      })
      window.open(routeUrl.href, '_blank')
    },
    }