实战练习:小程序页面间跳转传值 & 子页面数据渲染

基础知识

实操步骤

第1步:打开扣子开发平台(https://www.coze.cn/studio)

第2步:工作空间 - 项目开发 - +创建

第3步:创建空白应用

第4步:用户界面 - 小程序和H5 - 开始搭建

第5步:拖动,输入组件 - 表单,至操作区。

第6步:点击操作区的表单标题,改名。

第7步:修改表单下的备注信息

第8步:修改其它元素

第9步:设置下拉列表的属性

第10步:设置按钮的属性

第10步:姓名为必填项

第11步:去掉下方的TabBar

第12步:新建页面

第13步:改页面的名字

第14步:拖出三个Text到页面2

第15步:改三个Text的内容

分别是:幼儿姓名、幼儿年龄、班级。

第16步;去掉页面2的TabBar

第17步:首页 - 立即报名 - 事件

点击"定义入参" - "+",添加3个参数。点击"确认"。

全部配置完是这样:

点击确定

第18步:页面2里绑定变量

第19步:设置页面2里的字号

第20步:首页 - 预览

第21步:页面2 - 年龄,加个"岁"

第22步:再次预览

相关推荐
一字白首3 小时前
小程序组件化进阶:从复用到通信的完整指南DAY04
前端·小程序·apache
是Winky啊3 小时前
【逆向+爬虫】获取小程序信息
小程序
阿珊和她的猫3 小时前
探秘小程序:为何拿不到 DOM 相关 API
前端·小程序
灵机一物4 小时前
灵机一物AI智能电商小程序(已上线)-LangGraph落地电商购物Agent:搜索反馈回路从工程实践到产品化落地
人工智能·小程序
mon_star°4 小时前
基于微信小程序原生框架搭建的转盘小程序1.0(附源码)
微信小程序·小程序·notepad++
捕捉一只前端小白4 小时前
cpolar内网穿透以及微信小程序域名设置
前端·vue.js·微信小程序·小程序
2601_9520137618 小时前
新麦同城到家预约上门小程序V3全开源版 vueadmin+unipp开源前端+小程序端
小程序
土土哥V_araolin20 小时前
双迪大健康模式系统开发
小程序·个人开发·零售
2501_9160074721 小时前
HTTPS 抓包的流程,代理抓包、设备数据线直连抓包、TCP 数据分析
网络协议·tcp/ip·ios·小程序·https·uni-app·iphone
css在哪里1 天前
小程序版 Three.js 入门 Demo(完整可运行)
3d·小程序·threejs