若依Ruoyi实现二级跳转 |
您所在的位置:网站首页 › 跳转界面怎么做 › 若依Ruoyi实现二级跳转 |
最近做项目模块的时候,发现二级跳转这个功能使用的非常勤快,之前也做过一次,但是印象不深了,现在再做的时候就还要去找教程,还好找到了,页面教程有两种方式(也许吧,我就用过这两种),一种是其他大佬的方法,还有一种是我对比若依原生代码对照出来的,下面请看示例: --------------------------------------------------------------------------------------------------------------------------------- 补充:上面是主界面,下面是跳转的页面 --------------------------------------------------------------------------------------------------------------------------------- 方法一: 步骤一:找到router(路由)文件夹:src => router,双击index.js 步骤二 : 在里面配置你想要跳转后的页面地址: 然后router的部分就结束了,接下来我们再去我们的跳转页面看看。 步骤三:
我们来看效果:(改) 点击详情(编辑)后: 跳转成功啦!!!! 但是有一个小问题,细心的朋友应该注意到了,跳转之后我们左侧的菜单栏不见了!! 这就是我接下来要说的方法二,方法一虽然简单,但是有弊端,他会把原来的界面直接覆盖,他是创造了一个新的界面来盛放我们跳转的页面,方法二就不会有这样的问题。 ========================================================================= 方法二: 步骤一:我们还是找到router里的index,然后配置相关路径 上图分别是:跳转后页面的路径。 权限字符(去controller看)。 跳转页面的路径。 跳转页面的上级目录。 步骤二: 让我们来到跳转页面的index,找到操作按钮的方法实现。 将上述代码添加上去,注意路径配置。 我们来看实现结果: 点击前 ↑ 点击后↑ 这样看起来是不是就舒服多啦?!不仅保留了左侧的菜单栏,看起来也更加舒服。 今天的教程到这里就结束啦,六舅会将自己学到的知识都记录在这里哟,小白一个,有不足之处,请大佬们指出,促我进步!!! 拜拜~下次见~ |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |