Salesforce 从一个LWC导航到另一个LWC

我有两个lightning web组件，我必须在单击按钮时从一个LWC导航到另一个LWC

我尝试使用导航服务将组件基类中的NavigationMixin函数应用于扩展NavigationMixin（LightningElement）。但它不起作用

谁能帮帮我吗

谢谢。

你还不能

表示应该使用

标准组件

，但目标不能是纯LWC。充其量只能藏在光环包装里

闪电组件。要制作可寻址的Lightning web组件， 将其嵌入到实现 接口

这是一种痛苦。我怀疑这也是为什么我们还不能用LWC快速行动的原因，他们必须被包裹在光环中

---

单击报价中的链接，它将引导您查看如何传递参数的示例（

/lightning/cmp/c_uuHelloTarget？c_uFirstName=John

）

我也遇到过类似的问题。我一直在尝试从社区中的另一个LWC导航到LWC，它看起来像：

---

在社区中，只有comm_uuNamedPage引用可用。

在Salesforce LWC应用程序中，您可以使用以下代码从一个LWC组件导航到另一个LWC组件（位于另一个选项卡/apppage上）

myComponent.html

<a href="javascript:void(0);" tabindex="0" onclick={navigateNext}>Click Here</a>

请将

tabName

变量替换为您应该导航的apppage/tab名称

就这样。单击html中的

按钮

时，将导航到指定的

选项卡名

---

您还可以查看官方文档了解更多信息。：

在LWC应用程序中，我们可以通过以下任一方式完成：

1。使用容器组件

创建一个父LWC组件，该组件将同时包含LWC组件和显示其中一个组件

单击按钮后，分派自定义事件以在组件之间导航。 在容器组件中接收自定义事件时，隐藏可见组件并显示另一个组件

2。利用LWC路线。

有关lwc路线的信息，请点击以下链接

---

不太可能，您可以通过单击按钮查看我的解决方案，了解如何从一个页面导航到另一个页面的详细信息。幸运的是，我们现在可以：）@Akhil，我仍然找不到我们的解决方案。你可以发布任何链接吗？请检查这个官方文件，

    import { NavigationMixin } from 'lightning/navigation';
    import { CurrentPageReference } from 'lightning/navigation';

    export default class MyComponent extends NavigationMixin(LightningElement){

        @wire(CurrentPageReference) pageRef;

        @api tabName = "NextPage";
        navigateNext() {
            console.log("tabName = ", this.tabName)
            this[NavigationMixin.Navigate]
                ({
                    type: 'standard__navItemPage',
                    attributes: {
                        apiName: this.tabName
                    }
                });
        }
    }