У меня проблемы с роутером, у меня следующие:
Маршруты. js:
import Homepage from './components/homepage/Homepage'
import About from './components/About'
export default{
mode: 'history',
routes: [
{
path: '/',
name: 'Home',
component: Homepage
},
{
path: '/about',
component: About
}
]
};
Приложение. js
import Vue from 'vue'
import VueRouter from 'vue-router';
import Routes from './routes';
import Buefy from 'buefy';
import Header from './components/header/Header'
import './plugins/element.js';
import '@mdi/font/css/materialdesignicons.css';
Vue.use(Buefy, {});
Vue.use(VueRouter);
new Vue({
el: '#app',
router: new VueRouter(Routes)
})
new Vue({
render: h => h(Header),
}).$mount('#header')
welcome.blade. php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>title</title>
</head>
<body>
<div id="header"></div>
<div id="app">
<router-view></router-view>
</div>
<script src="/js/app.js"></script>
</body>
</html>
Заголовок. vue
<template>
<b-navbar>
<template slot="brand">
<b-navbar-item tag="router-link" to="/">
<img
src="../../../assets/images/logo.png"
alt="elculatín, tu website de tiro con arco de referencia"
>
</b-navbar-item>
</template>
<template slot="start">
<router-link>
Inicio
</router-link>
...
И мой вопрос:
почему router-link не показывает никакого контента?
Когда я пытаюсь использовать этот тег (как тег в b-navbar-item или напрямую как «») внутри компонента заголовка, ничего не появляется.
Если я помещаю < router-link> независимо от </ router-link> в welcome.blade. php это работает.
Я пробую разные способы, с: name,: path, и ничего не работает.
I был бы очень признателен за совет.
Заранее спасибо!