Why create one more component when you can bypass it?

While navigating from one Salesforce Lightning Web Component to another Salesforce LWC, you’ll need a PageReference Object of Lightning Component Type that works only in the Salesforce Lightning Experience Salesforce Mobile App. This can be achieved by creating an additional Aura Component, but to do so you need to implement lightning:isUrlAddressable which will be added as an interface to directly navigate to Lightning Component via URL.

This blog will help you to navigate and pass values from Salesforce Lightning Web Component to another Lightning Web Component without creating an Aura Component. Let’s dive in.

Create two Salesforce Lightning Web Component,

  • sourcelwc
  • targetlwc

As the name suggests, sourcelwc will be responsible for taking user input and passing it to targetlwc. Enough talks let’s see the real magic.

Sourcelwc.html

This file has a button with the label name NAME which will navigate you to another lightning web component when you click on it.

Sourcelwc.js

The file defines the handleClick method and links it with the button in HTML markup to create a URL in the Base64 encoded form.

sourcelwc.js-meta.xml

Targetlwc

This creates is an input text field for displaying user input.

Tagerlwc.html

Tagerlwc.js

Let’s take a glimpse at the functionality.

Salesforce lwc, Salesforce lightning web component

This functionality is not only easy to implement but will also save your time and efforts required to create one more component. After all, why complicate the program with a few more lines of code?

Do try it out and let us know your thoughts on it!

Happy Coding!

Related Articles

Salesforce Apex includes numerous built-in text handling classes, and in addition to them, the Pattern and Matcher classes are good for performing complex string operations. These classes enable us to define and work with regular expressions, which are of particular importance for data validation, searching, and modification. In this technical blog, we will find out […]

Read More

Maintaining security and compliance in Salesforce requires effective user access management. This article will lead you through the process of creating expiration dates for Permission Sets and Permission Set Groups, allowing you to automate access removal while minimizing manual work. Know how this functionality simplifies workflows, guarantees compliance, and improves security procedures. Why Use Expiration […]

Read More
Guide to Integrating Salesforce Data Cloud with Snowflake

Salesforce Data Cloud is an extensive data platform that offers a 360-degree view of your data. It functions as an AI platform which is used by marketing teams, sales departments, and other businesses. The primary goal of Data Cloud is to provide a comprehensive picture of customer data. It integrates with Snowflake which is a […]

Read More
How to Insert Contact from Salesforce into MailChimp using API

With the Mailchimp and Salesforce integration, you can begin using the leads and contacts in your Salesforce CRM to create email campaigns. The integration makes it relatively simple to construct list segmentations in Mailchimp using synchronized contact and lead details from Salesforce. Among other things, this integration lets you manage subscribers, view campaign reports, and […]

Read More

A headless Quick Action in Salesforce is a custom action executed within a Lightning Web Component (LWC). It doesn’t open the default modal window for user interaction and allows you to use custom logic and dynamic content. In this blog, we will walk you through the key steps of creating a headless Quick Actions in […]

Read More
Integrating-Salesforce-Lightning-Map-with-Lead-Object-A-Step-by-Step-Guide-to-Adding-Address-Markers

Lightning Web Components (LWC) is a modern JavaScript framework used to build responsive, dynamic applications on the Salesforce platform. LWC leverages web standards, allowing developers to utilize the latest JavaScript features and methodologies. Compared to older Salesforce frameworks like Aura and Visualforce, LWC is lightweight, fast, secure, and more efficient in terms of performance. Additionally, […]

Read More
Our Location worldwide
Indian Flag India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203117884
United States of America Flag USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
United Kingdom Flag UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
Canada Canada
HIC Global Solutions INC
43 Lafferty Lane, Richmond Hill, L4C 3N8, CA +1(262) 310-7818