【9】组件套娃：组件套组件的功能要怎么实现？

登录

哪位大神给指点一下，组件这个东西我还是没搞懂，组件套组件时，要怎么把用户的点击操作从父组件传到子组件中，并且让子组件执行呢？

简单说一下想实现的功能。

想实现让网页全屏，用按钮可以实现。把按钮放到组件里也能实现。但是，为了达到复用的效果，把这个全屏按钮做成一个单独的组件，并且放到了另个组件中，做成组件套组件了，然后子组件的全屏功能就无效了。

谢厅曾经说过一个十二字箴言，父传子靠属性，子传父靠事件，但是我要怎么通过属性让子组件执行动作呢？

具体见下面的DEMO，我用的是刚发的9.0.101版

Joe.xu · Joe.xu

哈哈，组件用起来确实比较绕，看了一下您的工程文件，

主要是通过组件的一个属性全屏状态来控制的，
但是下面这个的组件却没有这个属性

所以判断的时候就拿到不全屏状态的值，我这边给您加了一个属性：全屏
然后页面加载的时候了赋了一个初始值

测试效果ok了

amtath · amtath

父传子靠属性，子传父靠事件。
父传子靠基因。知道了。
子传父，需要闹。不然老爹不为所动。理解了。

Joe.xu · Joe.xu

amtath 发表于 2023-10-13 14:08
父传子靠属性，子传父靠事件。
父传子靠基因。知道了。
子传父，需要闹。不然老爹不为所动。理解了。

可以可以，小口诀都出来了,就差编曲创作了

lovert · lovert

组件和页面数据传递简易教程
https://gcdn.grapecity.com.cn/showtopic-154665-1-1.html
(出处: 葡萄城开发者社区)

Joe.xu · Joe.xu

lovert 发表于 2023-10-24 16:38
组件和页面数据传递简易教程
https://gcdn.grapecity.com.cn/showtopic-154665-1-1.html
(出处: 葡萄城开 ...

感谢分享~

隔壁老王 · 隔壁老王

本帖最后由隔壁老王于 2023-11-12 20:39 编辑

我在学习组件中，对楼主的问题仔细研究了一下
错误的原可能主要出在复制粘贴上
另外还有一个就是组件的默认值设定上的一个问题

一、看下图设置组件属性这个命令  在组件没有属性的情况下是不会出现这个命令的，而楼主这里出现了这个命令，说明这个命令应该是复制过来的
（感觉这里应该是一个bug）

二、看下图  当我为这个组件创建了一个属性名称也叫"全屏状态"时,右边选择命令这里就出现了设置组件属性的命令

所以到这里为止我认为问题的主要原因是复制粘贴引起的
三、楼主在母版页上设置了全屏状态的默认值0  所以右侧是按扭的这个功能就有效了

四、如果为组件加了属性并且设了默认值，但是调用组件的地方没有填空着，那这个属性的值就会变成空的

我的理解就是页面调用组件时这个位置需要填的值级别要高于属性创建时的默认值

五、调用组件的页面  这个位置加上值楼主的功能就有效了，不需要在页面加载时加入一个命令

六、官方答案是在页面加载时给这个变量一个值同样能实现效果，但我总觉得有点奇怪搞不明白为什么非要在页面加载时再加一个命令

Joe.xu · Joe.xu

感谢大佬指正，附上默认值的方式确实更加简便

		自动登录	找回密码
密码			立即注册

[已处理] 【9】组件套娃：组件套组件的功能要怎么实现？

最佳答案

7 个回复

本帖子中包含更多资源

评分

本帖子中包含更多资源

评分

悬赏达人

活字格高级认证

活字格认证

圣诞拼拼乐

微信认证勋章

讲师达人