菜单指向地址为外链时如何动态生成路由？

Question

您好老师，我现在做的一个后台管理系统跟课程中讲的类似，也是vue-element-admin，有这么个需求，登录成功后左侧菜单是根据接口返回的菜单信息动态生成路由，但是这些菜单全是http://开头的外链，点击某个菜单，把链接地址对应的页面内容显示在右边内容区域，请问老师，这种菜单如何动态生成路由？它不像我们一般写的路由，访问某个地址，它指向项目工程中的一个.vue页面，这个需要指向外部链接，不知道如何处理，麻烦老师指点迷津！！！

Answer 1

扬_灵 2021-03-11 08:59:05

同学你好，你可以试一下用iframe将跳转的网页内嵌在里面。

• 提问者 慕后端8467127 #1

  您好老师，我用iframe试了，我在动态生成路由时把所有的菜单都指向iframe页面，这样带来的问题是所有菜单点击后都看到同一个页面，请问在生成动态路由这块应当怎样写？

• 扬_灵 回复 提问者 慕后端8467127 #2

  同学你好，每次点击左侧菜单的时候将地址获取到然后动态的修改iframe中的地址。