我是 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,});
1 回答
富国沪深
TA贡献1790条经验 获得超9个赞
问题在于您的目标元素，您仅分配id="my-app"给外部 div，<router-view></router-view>以便在目标元素之外制作另一个路由器方法。
解决方案：
从id="my-app"当前位置移除表单并将其分配给任何可以包含所有 vue 相关元素的根元素。
在你的情况下，最好在id="my-app"标签之后附加到第一个 div<body>标签。
添加回答
举报
0/150
提交
取消