返回介绍

322.路由配置

发布于 2020-09-14 22:20:45 字数 6349 浏览 1204 评论 0 收藏 0

功能介绍

通过配置路由,可以实现当数据添加成功后执行相关操作,例如跳转到新的表单、打开路由或外部页面。

操作路径

在表单设计器列表上,找到你要配置路由的一项,在更多里找到并点击路由配置

新增页面参数介绍

点击新增按钮

  • 路由名称 用于描述当前路由的功能
  • 跳转类型 路由跳转的类型,固定以下三个值
    • 跳转到表单 跳转到其他的表单设计器表单,路由地址填表单编码
    • 跳转到菜单 跳转到当前系统配置的菜单,路由地址填菜单地址
    • 跳转到外部 跳转到外部网站,路由地址填网址链接
  • 路由地址 根据不同的路由类型填写不同的地址

注意事项

  • 同时只能启用一个路由配置
  • 在路由跳转时都会传递表单的值,但是传递的方式不同。
    • 跳转到表单时是直接赋值到新表单上
    • 跳转到菜单时是传递的dataId,可以通过工具类获取值(见示例-->跳转到菜单)
    • 跳转到外部时也是传递的dataId,但是由于是外部网站,获取方式需要视情况而定

示例

跳转到表单

路由配置

效果

在请假单输入完并保存成功后,自动跳转到了在线设计demo,并将输入的数据传了过去

跳转到菜单

路由配置

效果

在请假单输入完并保存成功后,自动跳转到了Helloworld页面,并将输入的数据传了过去

目标菜单页面获取数据的方式

引用工具类

import { getDesformDataByRouteDataId } from '@/utils/desform/DesformRouteUtils'

在vue容器内任意区域调用即可获取: 效果:

跳转到外部网站

路由配置

效果

在请假单输入完并保存成功后,自动跳转到了Jeecg官网,并将数据ID传了过去 传递的数据ID

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文