LWC 내에서 Flow를 포함하고 있을 때, Flow에 값을 전달해주는 방법

1. LWC내에 Flow를 넣는다.

 

<lightning-flow
	flow-api-name="PutFlowApiName"
></lightning-flow>

 

2. Flow에 전달할 값을 js에서 JSON과 같은 형태로 만들어 준다.

 

    get inputVariables() {
        return[
            {
                name: 'flow에 전달할 값의 이름을 작성',
                type: 'flow에 전달할 값의 타입을 작성, ex.String',
                value: 'vlaue' or this.value(api지정 가능)
            }
        ];
    }

 

3. lightning-flow태그에 flow-input-variables 속성을 추가해 준 후, 값을 지정해 준다.

 

<lightning-flow
	flow-api-name="PutFlowApiName"
	flow-input-variables={inputVariables}
></lightning-flow>

 

4. Flow에서 LWC에서 name으로 지정한 이름과 같은 이름의 variable을 생성하여 받는다.