javascript - vue 如何获取所有的路由信息并使用v-for打印出来

问题描述

问 题

vue 如何获取所有的路由信息并使用v-for打印出来？
比如我要把路由中的页面组件，全部使用v-for渲染出来形成一个目录，这样一个页面里面就有了所有的路由连接，并且可以访问。

解决方案

在组装所有route的时候，你不是自己都有这些对象了吗，譬如：

router.map({
    '/foo': {
        component: Foo
    },
    '/bar': {
        component: Bar
    }
})

直接把路由提取出来放到一个单独的模块里，哪里需要，哪里引入，多好：

//导出路由
export default {
    '/foo': {
        component: Foo
    },
    '/bar': {
        component: Bar
    }
};

//引入的地方：
import routes from './routes';
router.map(routes);

这不就好了么，干嘛整那么麻烦！？

这篇关于javascript - vue 如何获取所有的路由信息并使用v-for打印出来的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！