Laravel 和 Vue，vue-router 链接不起作用

我是 laravel 和 Vue 的新手。我正在尝试使用 vue-router 重定向到特定链接。我<router-view></router-view>在主要内容中插入了，id=app也用作<router-link>下面的代码，但是当我点击链接时没有任何反应。

require('./bootstrap');

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

let routes = [

{path:'/dashboard', component:require('./components/Dashboard.vue')},

{path:'/profile', component:require('./components/Profile.vue')}

];

const router = new VueRouter({

mode:'history',

routes

});

import Profile from './components/Profile.vue'

import Dashboard from './components/Dashboard.vue'

const app = new Vue({

el: '#my-app',

components:{

Profile,

Dashboard

router,

});

素胚勾勒不出你

浏览 182回答 1

1回答

富国沪深

问题在于您的目标元素，您仅分配id="my-app"给外部 div，<router-view></router-view>以便在目标元素之外制作另一个路由器方法。解决方案：从id="my-app"当前位置移除表单并将其分配给任何可以包含所有 vue 相关元素的根元素。在你的情况下，最好在id="my-app"标签之后附加到第一个 div<body>标签。

随时随地看视频慕课网APP