I've two components:

  <c:lwcLightningWebComponent aura:id="myLwcComponent" />

I've declared a function inside LWC using @api. Now the documentation says, this method can be called from Parent component but the way they provided is for if parent component is also LWC component.

I would like to call this child LWC component from a parent Aura component. Like we do by provideding a aura:id to an Aura component and find that instance and call the aura method.

Aura Example:


I tried supplying LWC an aura:id and call the @api method like this but it did not work.

Any suggestions on how to do that?

  • I haven't tried it myself but as far as I can say, you cannot do it this way here. If you need to call a JS from LWC, it has to be an ES6 module.
    – Jayant Das
    Jun 13, 2019 at 16:58
  • hmm .. do you know if there is then any way I can bind an attribute change handler such that, I change an attribute value in parent Aura cmp, and as a result it automatically change/call a method in child LWC cmp?
    – VarunC
    Jun 13, 2019 at 17:09
  • 2
    The answer in this question seems to have to done what you are asking for salesforce.stackexchange.com/questions/257371/…
    – RedDevil
    Jun 13, 2019 at 17:10
  • Thanks, that's exactly what I needed!
    – VarunC
    Jun 13, 2019 at 21:01

1 Answer 1


The public API of LWC components are exposed on the DOM element. The reason why your example doesn't work is because component.find() returns an Aura component instance, which in this case is the abstraction layer used to make LWC compatible with Aura. To access the underlying DOM element of an LWC component, you have to dig it out of the Aura component via the getElement method:

var auraCmp = component.find('childComponent');
var lwcElm = auraCmp.getElement();

Edit: Invoking the LWC method directly from the Aura component is supported. Both methods will work, but I recommend doing it the Aura way when developing in Aura.

  • 3
    Actually component.find('childComponent').method1(); did work. It was possibly some mistake in my code that it didn't work first time I tried.
    – VarunC
    Jun 14, 2019 at 7:15
  • 1
    I'm surprised this got so many upvotes, as getElement() should not be needed. As long as the property or method of the LWC is exposed via the @api decorator, you should be able to reference/call the LWC property/method directly, as the OP commented above.
    – jbyrd
    Jan 20, 2022 at 19:01

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .