页面 URL 传参
功能描述
1.支持通过以下两种场合向页面传递参数- 页面编辑器内组件-事件-打开页面
- 逻辑-跳转页面元件
- URL 传参: 是通过地址栏进行传参,传递的参数可以在表达式或高级函数中使用,页面刷新时由于参数仍然保存在地址栏中,所以参数不会丢失。
- 对象传参: 是通过页面的上下文进行传参,页面刷新时会丢失上下文参数
功能使用方式
在页面编辑器内使用页面的右边栏--【变量栏】统一管理页面接收的所有变量和参数。
URL 参数: 管理当前页面可接收的地址栏的参数,支持配置默认值,定义的参数可以在本页面内各个组件的公式编辑器内通过[$query]引用变量(部分功能中使用旧版表达式,需要用[#query]引用变量),例如逻辑参数或文本内容等
1.参数名称:
即参数的 key,唯一标识(每个页面内不可重复)必填,规则要求:非空、英文字母开头,支持英文字母、下划线,长度 <=64
2.描述:
用于描述参数的含义,非必填,不限格式,长度 <=100
3.默认值:
在没有传值时的默认取值,支持表达式,非必填
打开页面时传参
选择跳转的目标页面后,可以使用对象和参数两种类型进行传参
1)参数传参: 会在页面跳转时,将参数解析完毕后添加到目标页面的地址栏中点击事件为打开页面时,支持配置入参,这里声明要传的 key 和 value;打开页面时将这里的 key 和目标页面 url 参数里的 key 进行匹配,匹配上就将这里写的 value 传过去,匹配不上或者这里写的 value 为空时,目标页面的 url 参数取默认值。
其中 key 是变量的标识,value 是变量的值。
参数名称:即参数的 key,唯一标识(每次传参时唯一)必填,规则要求:非空、英文字母开头,支持英文字母、下划线,长度 <=64
描述:用于描述参数的含义,非必填,不限格式,长度 <=100
参数值:支持表达式,非必填
2)对象传参: 会在页面跳转时,将参数解析完毕后添加到目标页面的上下文中逻辑-跳转页面-传参
使用【跳转页面】元件,跳转内部页面时可以选传递数据类型,有对象和参数两种。
1)传递参数: 会在页面跳转时,将参数解析完毕后添加到目标页面的地址栏中同页面功能,
注意:在逻辑里进行参数值配置时,需要引用这条逻辑里上下文的变量。
2)传递对象:下拉框选择一个对象。会在页面跳转时,将参数解析完毕后添加到目标页面的上下文中功能使用注意事项
1.使用参数传参时,跳转页面组件配置的参数 key 需要和页面接收的参数 key 相同时才能正确传递。
2.页面配置好参数后,重刷一下当前页面,就可以在组件的表达式中使用 $query 的页面查询参数变量