你可能会遇到点击<router-link>标签至跳转页面,但跳转页面,没有显示的问题,其原因可能是在index.js里创建的vuerouter对象里面的属性书写错误,其属性值是routes而不是routers

//App.vue
<template>
  <div id="app">
    <router-link to="/home">首页</router-link>
    <router-link to="/about">关于</router-link>
    <router-view></router-view>
  </div>
</template>
//index.js
const router = new VueRouter({
    //在router里配置路由和组件之间的映射关系
    routes: [{
            path: '/home',
            component: Home
        },//注意,这里是routes而不是 routers
        {
            path: '/about',
            component: About
        }
    ]
});

在这里插入图片描述

问题解决了吗?

Logo

前往低代码交流专区

更多推荐