已解決430363個問題，去搜搜看，總會有你想問的

Vue單頁面應用怎么加個別的頁面?

首頁猿問 Vue單頁面應用怎么加個別的頁面?

Vue單頁面應用怎么加個別的頁面?

JavaScript

慕俠2389804 2018-09-08 11:27:18

本來項目需求是單頁面，就做了公共的框架，包括側邊欄和頂部導航。后來又說要把登錄注冊集成進去。所以想問一下，怎么在同一個域名下加一個新頁面。我現在的項目結構是側邊欄和頂部導航公共部分寫在app.vue里然后在app.vue里用<router-view/> 配合vue-router的@click=router.push()進行局部刷新的頁面切換?，F在需要把登錄注冊加進去，是單獨的頁面不需要公共部分。不知道怎么做了。登錄注冊可以是.html的也可以是.vue的，尋求一下幫助。

查看完整描述

2 回答

慕運維8079593

TA貢獻1876條經驗獲得超5個贊

使用嵌套路由

//router.js
  routes: [
    {      path: '/index',      name: 'index',      component: Index,      children:[
          {              path:'page1'
              name: 'page1',              component: Page1,
          },
          {              path:'page2'
              name: 'page2',              component: Page2,
          },
      ]
    },
    {        path: '/login',        name: 'login',        component: Login,
    }
  ]

//app.vue<template>  <div id="app">
    <router-view />
  </div></template>

//index.vue<template>  <div id="index">
    <navigator />
    <sidebar />
    <router-view />
  </div></template>

反對回復 2018-09-09

偶然的你

TA貢獻1841條經驗獲得超3個贊

<navigator v-if="$route.path!=='login'"/>
<sidebar v-if="$route.path!=='login'"/>

試試這樣

反對回復 2018-09-09

2 回答
0 關注
888 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Vue單頁面應用怎么加個別的頁面?

Vue單頁面應用怎么加個別的頁面?

2 回答

添加回答