简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Mengapa vue-router tidak boleh mencapai lompatan?
phpcn_u1582
phpcn_u1582 2017-07-05 10:58:58
0
3
799

Saya cuba menggunakan vue-router dalam projek mengikut contoh dalam dokumen Laluan untuk memasuki halaman utama adalah test.administer/index Namun, mengikut konfigurasi routing, tidakkah ia harus melompat ke kandungan Log masuk komponen .vue selepas memasuki halaman utama? Mengikut konfigurasi berikut, selepas memasuki halaman utama, kandungan dalam App.vue dipaparkan. .

index.blade.php:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
    <!--styles-->
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
    <p id="app"></p>
    <!--scripts-->
    <script src="{{ asset('js/main.js') }}"></script>
</body>
</html>

main.js:

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(VueRouter)
Vue.use(ElementUI)
Vue.use(VueResource)

import App from './App.vue'
import Home from'./components/Home.vue'
import Login from'./components/Login.vue'

const router = new VueRouter({
    routes:[
        { path: '/index', component: Login,
            children: [
                { path: 'homepage', component: Home}
            ]
        }
    ]
})
new Vue(Vue.util.extend({ router },App)).$mount('#app')

App.vue:

<template>
    <p id="app">
        <h1>hello world</h1>
        <router-view></router-view>
    </p>
</template>

log masuk.vue:

<template>
    <p>loginpage</p>
</template>
phpcn_u1582
phpcn_u1582

membalas semua(3)
迷茫
迷茫2017-07-05 11:00:58 Tingkat 3

Di manakah anda mempunyai konfigurasi? Halaman utama ialah komponen Log Masuk

Diperlukan secara lalai /

routes:[
        { path: '/', component: Login,
            children: [
                { path: 'homepage', component: Home}
            ]
        }
    ]

Jika anda mengkonfigurasinya sebagai /index

Maka URL yang sepadan ialah

test.administer/index/#/index

test.administer/index/#/index/homepage

Selain itu, hello world dalam app.vue akan sentiasa dipaparkan

Suka +0
Tambah Balasan
过去多啦不再A梦
过去多啦不再A梦2017-07-05 11:00:58 Tingkat 2

Saya tidak nampak di mana laluan log masuk anda Jika anda mengarahkannya, pandangan antara <router-view></router-view>

Suka +0
Tambah Balasan
習慣沉默
習慣沉默2017-07-05 11:00:58 Tingkat 1 
{ path: 'homepage', component: Home}
应该是
{ path: '/homepage', component: Home}
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！