vue-router'router-link'没有创建链接答案

【问题标题】：vue-router 'router-link' not creating linkvue-router'router-link'没有创建链接
【发布时间】：2020-12-28 23:35:40
【问题描述】：

我正在尝试使用 vue-router 制作一个管理面板。实现了所有代码，但无法检查它们是否正常工作，因为我无法点击链接。 router-link 标签没有使文本可点击。

这是我的刀片文件：

<div id="app">
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <div class="sidebar">
       <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column">
            <li>
                <router-link to="/dashboard"><i class="icon_lifesaver"></i> <span>Dashboard</span>
                </router-link>
            </li>
            <li>
                <router-link to="/category-list"><i class="icon_cog"></i> <span>Category</span></router-link>
            </li>
            <li>
                <router-link to="/post-list"><i class="icon_globe-2"></i> <span>Posts</span></router-link>
            </li>
          </ul>
        </nav>
    
     </div>

   </aside>
   <div class="content-wrapper">
            <admin-main></admin-main>
        </div>

这里是 app.js 文件

require('./bootstrap');

window.Vue = require('vue');

import VueRouter from 'vue-router';
Vue.use(VueRouter);

import router from './routes';

Vue.component('admin-main', require('./components/admin/AdminMaster.vue').default);
const app = new Vue({
    el: '#root',
    store,
    router
});

另外，这里是我定义路由的 routes.js 文件：

import VueRouter from 'vue-router'

import AdminHome from './components/admin/AdminHome.vue'
import CategoryList from './components/admin/category/List.vue'
import AddCategory from './components/admin/category/New.vue'

let routes = [
    {
        path:'/dashboard',
        component:AdminHome
    },
    {
        path:'/category-list',
        component:CategoryList
    },
    {
        path:'/add-category',
        component:AddCategory
    },
    

];


const router = new VueRouter({
    routes,
    linkActiveClass: 'active',
    mode: 'history'
});

router.beforeEach((to, from, next) => {

   
    return next()
});

export default router;

【问题讨论】：

去掉i和span标签还能用吗？
@lindacom，不
如果您在浏览器中单击 F12，您会在控制台中看到任何错误吗？
你的刀片文件底部还有指向 app.js 文件的链接吗？
@lindacom，谢谢哥们，解决了。我的刀片文件底部的 app.js 文件的链接存在问题。在我解决了这个问题之后，它显示了一个错误，其中 div id 命名不正确，解决了这个问题，它现在可以工作了。

标签： laravel vue.js

【解决方案1】：

解决了。我的刀片文件中的 app.js 文件的链接存在问题。而且在链接之后，由于链接控制台显示了实际错误，这是一个 id 命名错误，现在它可以正常工作了。感谢好友@lindacom 在评论中指出这一点

【讨论】：