登录/注册

首页 › 活字格专区 › 格友杂谈 › 查看内容

44 主题	502 帖子	2596 积分

积分: 2596

1904
金币
44
主题
502
帖子

最新发帖

[使用感受] 组件和页面数据传递简易教程

lovert
银牌会员 / 发表于：2022-9-28 19:47 / 查看：6981 / 回复：12

本帖最后由 lovert 于 2022-9-28 20:28 编辑

1664324306650(1).png841294250.png

1664324306650(1).png841294250.png

image.png282183531.png

image.png94262389.png

image.png184234923.png

image.png795371398.png

image.png60907897.png

image.png63204039.png

回到页面1，开始给页面添加组件
image.png258859557.png

image.png258859557.png

image.png183811949.png

image.png652678222.png

运行效果如下

image.png729296874.png

总结一波：组件内部我们可以理解为封装一些功能，最重要的还要理解属性和事件的用法

1. 给组件添加属性-公式，给组件添加事件-设置返回参数
2. 组件属性获取页面值
3. 组件内单元格绑定属性值达到将页面数据传入组件单元格
4. 通过组件页面加载命令设置变量的方式将组件单元格数据传入js
5. js处理数据后，通过组件触发组件事件命令将处理后的值传给事件参数
6. 页面里给组件事件添加属性命令将组件事件的参数返回到页面

组件页面数据传递.fgcc

82.76 KB, 下载次数: 794

评分

参与人数 8	金币 +671	满意度 +30	收起理由
妄想社成员		+ 5
amtath		+ 5
明远		+ 5
leilei6120		+ 5
gczxxu		+ 5
Chelsey.Wang	+ 666		赞一个!
Lay.Li	+ 5		赞一个!
roran		+ 5

查看全部评分

收藏

回复

12 个回复

正序浏览

leilei6120
银牌会员 / 发表于：2024-1-27 09:26:12 13^#

页面父组件和子组件之间通过props属性和event事件传参实现通讯，多个子组件之间活字格是咋实现通讯的呢？

回复 使用道具举报

葛挺挺
金牌服务用户 / 发表于：2023-11-17 09:14:23 12^#

回复 使用道具举报

unimaallan
金牌服务用户 / 发表于：2023-11-17 09:02:18 11^#

相当透彻

回复 使用道具举报

隔壁老王 
金牌服务用户 / 发表于：2023-11-12 16:39:46 10^#

属性功能我是搞懂了

事件功能我还是一直没弄明白
所以我现在一直都是用名称直接获取组件中的值
事件只是拿来促发命令用

image.png98854674.png

image.png98854674.png

大佬能不能来一个复杂一点的文件看看为什么一定要操作那么多地方来实现一个取值结果的原因
现在在设好参数的情况下还需要三个地方设
第一是页面加载时
第二属性变更时
第三编缉页面事件命令
我试了一下页面加载时命令不设好像也能用
image.png665367431.png

image.png665367431.png

image.png22417296.png

一直搞不懂原因之前的公开课也没看懂

组件页面数据传递.fgcc

88.14 KB, 下载次数: 621

回复 使用道具举报

zou
金牌服务用户 / 发表于：2023-3-4 11:28:21 9^#

好东西

回复 使用道具举报

leilei6120
银牌会员 / 发表于：2023-3-3 10:24:03 8^#

讲解十分到位，感谢！

回复 使用道具举报

137294886
金牌服务用户 / 发表于：2022-10-29 08:01:46 7^#

image.png363787230.png

回复 使用道具举报

sz_xd
金牌服务用户 / 发表于：2022-10-28 22:59:26 6^#

感谢分享，谢谢！

回复 使用道具举报

moer
金牌服务用户 / 发表于：2022-9-29 08:26:27 5^#

顶

回复 使用道具举报

12 / 2 页下一页