首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从同一个引擎父级中的另一个组件调用组件函数

从同一个引擎父级中的另一个组件调用组件函数
EN

Stack Overflow用户
提问于 2022-11-15 07:18:16
回答 1查看 18关注 0票数 0

我的要求是使用来自另一个component.Need的组件操作来了解是否有可能在这种情况下使用数据压缩。

说,

我试图从这里调用第一个组件,如下所示:engine/addon/templates/application.hbs

engine/addon/templates/application.hbs

代码语言:javascript
运行
复制
    {{#if invokeFirstCompo}}
    <FirstComponent action={{'actionFromSecondCompo'}}/>
    {{/if}}

从这个我想要调用的FirstComponent中,第二个组件函数在

engine/addon/components/SecondComponent.js

代码语言:javascript
运行
复制
actionFromSecondCompo(){
 console.log("Print Invoked secondcomponent");
}

Note: Both components are in same engine parent
i've tried to use **extend** the firstComponent in secomdCompo js like below.

>>engine/addon/components/SecondComponent.js

从“engine/components/ FirstComponent”导入FirstComponent;导出默认FirstComponent.extend({

代码语言:javascript
运行
复制
But issue here is, its invoking willDestroyElement() function from FirstComponent.Hence i don't need the changes handled inside this destroy function.
EN

回答 1

Stack Overflow用户

发布于 2022-11-16 16:22:21

相关文档在这里:https://guides.emberjs.com/release/components/component-arguments-and-html-attributes/

但是,传递行为的方法是通过直接引用。

例如:

代码语言:javascript
运行
复制
// SecondComponent
export default class extends Component {
  someAction = () => {}
}
代码语言:javascript
运行
复制
{{! second component's template }}
<SomeOtherComponent @foo={{this.someAction}} />

请注意,参数以@为前缀,类上的函数通过this.引用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74441865

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档