從 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 規則，1 套社區規則，這有點煩人。

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