从 URL 调用闪电 Web 组件并从 URL 捕获参数

Question

我想通过单击体验云中的 URL 将用户从一个 LWC 重定向到另一个。基本上，在我的第一个 LWC 上，我显示了从 Apex 检索到的记录列表，然后当单击任何行时，我想传递该行的 recordId 并重定向到第二个 LWC，它将显示记录详细信息页面。我怎样才能做到这一点？

Answer 1

您有社区吗...抱歉，该目标 LWC 的体验生成器页面已删除？

您可以使用 NavigationMixin 尽管文档说社区不支持 state 属性.

在源端尝试类似

/* Assumes the link/button clicked looks like
    <button data-id={acc.Id} onclick={handleClick}>Get details</button>
*/
handleClick(event){
    if(event.currentTarget.dataset.id){
        this[NavigationMixin.Navigate]({
            type: 'comm__namedPage',
            attributes: {
                name: 'MyTargetCommunityPage__c'
            },
            state: {
                id: event.currentTarget.dataset.id
            }
        });
    }
}

然后在目标页面的 LWC 上它应该可以访问为

connectedCallback() {
    if(window.location.href){
        try{
            let url = new URL(window.location.href);
            var id = url.searchParams.get('id');
            if(id){
                this.myId = id;
            }
        } catch(e){
            if(console){
                console.log(JSON.stringify(e));
            }
        }
    }
}

如果导航给您带来困难，您可以放弃它并直接前往 window.open('/pagename?id=123', _self); 或其他地方。有点烦人的是，您有一套用于核心 Salesforce 的规则，一套用于社区。

（如果您有命名空间 - 您可能需要在 state 中使用 myns__id 而不是 id）

从 URL 调用闪电 Web 组件并从 URL 捕获参数

Call lightning Web Component from URL and capture parameter from URL

salesforce

apex

salesforce-communities

lwc