我正在使用@nuxtjs/路由器模块来定义自定义路由。这是我的router.js文件
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路由作为一个模式在桌面上,但在移动页面。我该怎么做?
发布于 2020-08-30 14:00:35
简单的回答是你不能,至于使用一个模式,你需要告诉应用程序你在使用什么“实际路线”--想象一下直接在桌面上导航到/login,问题就变得很清楚了。
我的建议是不添加登录路由,而是使用查询Param来确定是否应该显示login模式:
在手机上,模式可以被设计成一个全屏幕块。
https://stackoverflow.com/questions/63657814
复制相似问题