Question

基本上我想在我的“登录路线”上渲染“登录”组件，但不渲染-

登录组件-

$gfe | foreach { [void]$getos.Add(get_os $_)}

Routes.js-

<template>
<v-app>
     <h1>Login Component</h1>
</v-app>
</template>

<script>
export default {

}
</script>

这是我的main.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/components/Home'
import Register from '@/components/Register'
import Login from '@/components/Login'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/register',
    name: 'register',
    component: Register
  },
  {
    path: '/login',
    name: 'login',
    component: Login
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

我正在使用vue版本2.6.1.10和vue路由器版本3.1.2。它也没有显示任何错误，请帮助。

Answer 1

确保将router-view></router-view>包裹在<v-content></v-content>中，然后只有路由才能正常工作。否则，只有URL会更改，而相应的组件将不会呈现。

Vue在特定路线上未显示组件

1 个答案: