首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Nuxt平台上如何在桌面上以移动方式打开路径

在Nuxt平台上如何在桌面上以移动方式打开路径
EN

Stack Overflow用户
提问于 2020-08-30 13:15:29
回答 1查看 1.1K关注 0票数 0

我正在使用@nuxtjs/路由器模块来定义自定义路由。这是我的router.js文件

代码语言:javascript
复制
import Vue from 'vue'
import Router from 'vue-router'

import News from '~/pages/News'
import Login from '~/pages/auth/Login'
import Signup from '~/pages/auth/Signup'
import Account from '~/pages/Account'

Vue.use(Router)

export function createRouter() {
  return new Router({
    mode: 'history',
    routes: [
      {
        path: '/',
        name: 'Index',
        component: News,
      },
      {
        path: '/news',
        name: 'News',
        component: News,
      },
      {
        path: '/news/:tag',
        name: 'TaggedNews',
        component: News,
      },
      {
        path: '/news/:id([a-f0-9]{32})/:title',
        name: 'NewsItem',
        component: News,
      },
      {
        path: '/news/:tag/:id([a-f0-9]{32})/:title',
        name: 'TaggedNewsItem',
        component: News,
      },
      {
        path: '/login',
        component: Login,
      },
      {
        path: '/signup',
        component: Signup,
      },
      {
        path: '/account',
        component: Account,
      },
    ],
  })
}

我想打开/login路由作为一个模式在桌面上,但在移动页面。我该怎么做?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-30 14:00:35

简单的回答是你不能,至于使用一个模式,你需要告诉应用程序你在使用什么“实际路线”--想象一下直接在桌面上导航到/login,问题就变得很清楚了。

我的建议是不添加登录路由,而是使用查询Param来确定是否应该显示login模式:

  • 查询Param将由应用程序根目录上的LoginModal组件处理。
  • 关闭/打开将触发并通过对查询参数的更改进行管理。

在手机上,模式可以被设计成一个全屏幕块。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63657814

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档