router-link 无法跳转到页面答案

【问题标题】：Router-link can't jump to the pagerouter-link 无法跳转到页面
【发布时间】：2023-03-06 17:20:01
【问题描述】：

静态路由器和动态路由器都不能跳转到页面。

html代码：

<router-link to="/add_peer">Test</router-link>
<router-link :to="{path:'/add_peer'}">Test</router-link>

这是路由器路由器/index.js：

import { createApp,h } from "vue";
import VueRouter from "vue-router";
import {createRouter,createWebHashHistory} from "vue-router";

const routes=[
    {
        path:"/add_peer",
        name:"AddPeer",
        component:()=>import('@/view/add_peer')
    }
];
const routers=createRouter({
    routes,
    history: createWebHashHistory(),
})
const app = createApp({
    render:()=>h(app)
});

app.use(routers)
app.use(VueRouter)
app.mount('#app')

【问题讨论】：

标签： vue.js vue-router

【解决方案1】：

您能创建一个类似的 codepen.io 示例吗？我认为它不起作用的原因是因为您的导入。我认为您应该像这样在导入后添加.default。

const routes=[
    {
        path:"/add_peer",
        name:"AddPeer",
        component:()=>import('@/view/add_peer').default
    }
];

虽然不确定，但你可以试试。

【讨论】：