vue动态路由加载的思路

最新推荐文章于 2024-09-16 08:54:00 发布

前端酱紫

最新推荐文章于 2024-09-16 08:54:00 发布

阅读量572

点赞数

分类专栏： Vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/wuj1935/article/details/120850975

版权

vue动态路由加载的思路：
前端把页面的路由路径给后台，路径前面尽量带 "@/"比较好，让后台根据不同的角色权限，返回给前端指定的动态路由列表，请求到路由列表后，使用 “addRoutes” 添加到路由里去。title表示中文，path表示跳转的路由，这样路由菜单就有了

案例：

home.vue

<template>
  <div>
    <button @click="onlogin">登录按钮</button>
  </div>
</template>

<script>

export default {
   
  methods: {
   
    onlogin() {
   
    // 动态路由：asyncRoutes 模拟从后台请求到的动态数据路由列表
    let asyncRoutes = [
		 {
   
		    path