フロー出力変数からの値の取得

lightning-flow コンポーネントにフローを埋め込むときに、フローの変数値を表示または参照できます。

このコンポーネントを使用するには、その前に、Salesforce Flow Builder でフローを作成します。このコンポーネントには、戻る、次へ、一時停止、完了のナビゲーションボタンが含まれています。

フローに、カスタムの Lightning Web コンポーネントまたは Aura コンポーネントがある場合、Lightning Web Runtime を使用する Experience Cloud サイトで lightning-flow を使用することができません。

Note

フローの出力変数から値を取得するには、onstatuschange イベントハンドラを使用します。出力変数は配列として返されます。変数で出力アクセスが許可されている必要があります。出力アクセスを許可しない変数を参照している場合、その変数を取得しようとしても無視されます。

例

この例では、フローの出力変数である accountName と numberOfEmployees を取り込み、テンプレートに表示します。

1<!-- myComponent.html -->
2<template>
3  <p>{accountName}</p>
4  <p>{numberOfEmployees}</p>
5  <lightning-flow flow-api-name="myFlow" onstatuschange={handleStatusChange}> </lightning-flow>
6</template>

1// myComponent.js
2import { LightningElement, track, wire } from "lwc";
3
4export default class MyComponent extends LightningElement {
5  accountName;
6  numberOfEmployees;
7
8  handleStatusChange(event) {
9    if (event.detail.status === "FINISHED") {
10      const outputVariables = event.detail.outputVariables;
11      for (let i = 0; i < outputVariables.length; i++) {
12        const outputVar = outputVariables[i];
13        if (outputVar.name == "accountName") {
14          this.accountName = outputVar.value;
15        } else {
16          this.numberOfEmployees = outputVar.value;
17        }
18      }
19    }
20  }
21}

The Japanese Summer '24 guide is now live

日本語の Summer '24 ガイドが公開されました! 「Component Reference (コンポーネントリファレンス)」は、以前と同様にコンポーネントライブラリにあります。