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

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')
    },
    }