Pass lightning-input field Value from a Button Click to LWC Controller

Keywords List

to

the

The

To

lightning

Lightning

and

input

Input

a

Summary

• How to pass lightning-input field value as a parameter to controller class method in Lightning Web Component?

• After reading this blog, you’ll be able to: Understand what is lightning-input field and how to work with them Understand when to use querySelector vs querySelectorAll to access element Use custom data attribute to query or set the lwc component Pass lightning-input field value to lightning web component (lwc) controller Business Use case

• Godwin Mbah is working as a Developer at Salesforce innovate LLC.

• he just started learning the lightning web component and wondering if someone could help him understand how to build the following screen and pass email and mobile field values to the lwc JavaScript controller on a button (Next) click.

• What is a lightning-input component?