大佬教程收集整理的这篇文章主要介绍了Vue：Vue Router 未导航到任何路线，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我是 Vue Js 的新手，并使用 @vue/cli 4.5.11 创建了一个 Vue 项目。
import { createApp } from 'vue';
import VueRouter from 'vue-router';
import App from './App.vue';
import TeamsList from './components/teams/TeamsList.vue'
import UsersList from './components/users/UsersList.vue'
const router = new VueRouter({
mode: 'history',routes: [
{ path:'/teams',component:TeamsList},{ path:'/users',component:UsersList}
]
});
const app = createApp(App);
app.use(router);
app.mount('#app');
尝试改变导入 Vue 组件的方式，您可以执行以下操作：
list_filter = (
("my_fk_field",admin.EmptyFieldListFilter),)
这是 routes 数组中的一个示例：
component: () => import('./components/teams/TeamsList')
此外，尝试始终为无法识别的路由添加默认的 routes = [
{
path: '/',name: 'Home',component: Home
},{
path: '/teams',name: 'Teams',component: () => import('./components/teams/TeamsList')
}
]
路径。
Vue 3 需要 Vue Router 4 或更新版本，因此您必须更新该依赖项：
npm i -S vue-router@4
相关Vue Router 4迁移指南：
new Router becomes createRouter (createRouter)history option to replace @H_635_3@mode (createWebHistory)
示例：
import { createRouter,createWebHistory } from 'vue-router';
const router = createRouter({
history: createWebHistory(),routes: [/*...*/]
});
//...
以上是大佬教程为你收集整理的Vue：Vue Router 未导航到任何路线全部内容，希望文章能够帮你解决Vue：Vue Router 未导航到任何路线所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。