カスタム Lightning Web コンポーネントの作成と起動

1<!-- myComponent.html -->
2<template>
3  <lightning-flow flow-api-name="Survey_customers"> </lightning-flow>
4</template>

1<!-- myComponent.html -->
2<template>
3  <lightning-flow
4    flow-api-name={flowName}
5    flow-input-variables={inputVariables}
6    onstatuschange={handleStatusChange}>
7  </lightning-flow>
8</template>

1// myComponent.js
2import { LightningElement } from "lwc";
3
4export default class MyComponent extends LightningElement {
5  opportunityId;
6  accountId;
7  customerLocation;
8
9  get flowName() {
10    if (this.customerLocation === "USA") {
11      flowname = "Survey_USA";
12    } else {
13      flowname = "Survey_General";
14    }
15  }
16
17  get inputVariables() {
18    return [
19      {
20        // Match with the input variable name declared in the flow.
21        name: "OpportunityID",
22        type: "String",
23        // Initial value to send to the flow input.
24        value: this.opportunityId,
25      },
26      {
27        // Match with the input variable name declared in the flow.
28        name: "AccountID",
29        type: "String",
30        // Initial value to send to the flow input.
31        value: this.accountId,
32      },
33    ];
34  }
35
36  handleStatusChange(event) {
37    if (event.detail.status === "FINISHED") {
38      // set behavior after a finished flow interview.
39    }
40  }
41}