Salesforce: lwc处理Flow的Navigation事件

Posted 2021-06-11 平静的寄居者

基本的做法是在lwc里先

import { FlowNavigationBackEvent, FlowNavigationNextEvent, FlowNavigationFinishEvent } from \'lightning/flowSupport\';

然后

this.dispatchEvent(new FlowNavigationNextEvent());

来使Flow跳到下一步。

实践中碰到一个需求，有个lwc没有界面，纯粹是为了利用javascript来处理一些字符串（因为用Flow的Formula做实在太麻烦了，用apex做，倒是也可以，不过感觉似乎还是用客户端的js好），所以将lwc放在一个Screen里，侵藏导航条，在lwc里用上面的代码跳转。

但忽略了回退的问题，当用户点击退后按钮时，因为lwc里是在renderedCallback里处理，然后this.dispatchEvent(new FlowNavigationNextEvent());所以造成马上又前进到下一步，无法退回到前一步。

最后给lwc加了个Boolean参数isPrevious，输入值设成false，然后在renderedCallback里:

  renderedCallback() {
    if (this.isPrevious) {
      this.dispatchEvent(new FlowNavigationBackEvent());
    } else {
       //处理字符串
      this.isPrevious = true;
      this.dispatchEvent(new FlowNavigationNextEvent());
    }

另外在放lwc的那个Screen里，在lwc的选项里勾选Advanced - Refresh inputs to incorporate changes elsewhere in the flow（否则回退时isPrevious依然为false）。这样就可以了。

不过，虽然问题解决了，但总感觉有点别扭。看来，以后如果不需要界面，只需要功能的需求，还是尽量用apex好。