请问我该怎么设置才能实现小程序里跳转页面并且绑定数据的效果?

请问我该怎么设置才能实现小程序里跳转页面并且绑定数据的效果?,第1张

效果展示

通过在循环容器的列表条目上设置触发行为跳转界面,同时配合事件中轿猛心的查询条件关联传递模型,实现跳转界面并绑定数闭闹桥据。

创建数据

注意:在数据中心你可以创建属于自己应用程序的数据表格,数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心

创建数据表

字段包含:标题、关于、图片、封面

创建事件

注意:事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接。

点击事件中心

创建事件

创建单条数据查询事件

创建查询事件

触发器配置

注意:在检查器面板中的触发器设弯圆置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中循环容器

点击检查面板中的触发器

创建触发器

选中列表条目

创建触发器

选中画廊布局组件

点击检查面板的触发器

创建触发器

绑定数据

注意:绑定数据可以将事件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条目

点击检查面板中的数据绑定与设置

绑定数据

这样就可以实现跳转页面并绑定数据了。

效果展示

通过使用触发器中的跳转界面实现一个引导页的页面跳转。

添加界面

点击左侧导航栏的图层。

点击加号创建如下界面。

触发器配置

注意:在检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中按钮组兄乱件。冲御

点击检查面板中的触发器。

创建触发器。

选中按钮组件。

点击检散尘岩查面板中的触发器。

创建触发器。

这样就可以实现一个引导页的页面跳转了。

url 属性 (表示要跳转的页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为仔如 switchTab )

url 属性 (表示要跳转的页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为 navigate )

非tabBar页面 跳转时,open-type 也可以省略

open-type 属性值为: navigateBack

结合 delta 属性:表示后退念闹启的层级,默认是 1 ,1时该属性可弯兆省略不写

调用 wx.switchTab (object object ) 方法,其中 object 参数对象的属性列表如下

调用**wx.navigateTo ( object object )方法,其中 object 参数对象的属性列表,如下

调用wx.navigateBack(object object ) 方法,可以返回上一页面或多级页面,其中object 参数可选的,属性列表 如下


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/8277882.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-14
下一篇2023-04-14

发表评论

登录后才能评论

评论列表(0条)

    保存