如何实现Type picklist选salesforce sObject时启用sObject下拉字段

两种方案覆盖不同使用场景，按需选择即可：

无代码方案（记录页、Screen Flow场景适用） #

• 打开对应对象的记录页、或者目标Flow屏幕页，进入Lightning App Builder编辑模式
• 选中页面上的sObject picklist组件，在右侧属性面板找到组件可见性/交互规则配置项
• 新增规则：当Type字段值等于salesforce sObject时，组件切换为可编辑状态
• 配置默认状态为禁用，规则不匹配时（Type为空/选其他值）保持禁用，不要选隐藏组件选项
• 保存并激活页面配置，直接生效，不需要写代码。

代码方案（LWC自定义组件场景适用） #

• 模板层给两个下拉框绑定值、变更事件，sObject下拉框的disabled属性绑定响应式变量，默认禁用：

<lightning-combobox
  label="Type"
  value={typeVal}
  options={typeOptions}
  onchange={handleTypeChange}
  required
></lightning-combobox>

<lightning-combobox
  label="sObject"
  value={sObjectVal}
  options={sObjectOptions}
  disabled={sObjectDisabled}
  onchange={handleSObjectChange}
></lightning-combobox>

• JS层写状态初始化和变更逻辑，Type值变化时同步切换sObject的可用状态，切走对应选项时清空sObject已选值避免脏数据：

import { LightningElement, track } from 'lwc';
export default class PicklistCascading extends LightningElement {
  @track typeVal = '';
  @track sObjectVal = '';
  // 默认sObject字段禁用
  @track sObjectDisabled = true;

  get typeOptions() {
    return [
      { label: 'salesforce sObject', value: 'salesforce sObject' },
      { label: '其他选项1', value: 'opt1' },
      { label: '其他选项2', value: 'opt2' }
    ];
  }

  get sObjectOptions() {
    // 替换为实际sObject字段的选项即可
    return [
      { label: 'Account', value: 'Account' },
      { label: 'Contact', value: 'Contact' }
    ];
  }

  handleTypeChange(e) {
    this.typeVal = e.detail.value;
    if (this.typeVal === 'salesforce sObject') {
      this.sObjectDisabled = false;
    } else {
      this.sObjectDisabled = true;
      this.sObjectVal = '';
    }
  }

  handleSObjectChange(e) {
    this.sObjectVal = e.detail.value;
  }
}

• 如果是Aura组件实现逻辑一致，只需要把disabled属性绑定到对应aura属性，在change事件里更新属性值即可。

验证逻辑：页面初始加载Type无值时sObject为置灰不可选状态；Type选中salesforce sObject时sObject立刻可编辑；Type切换到其他选项/清空时sObject回到禁用状态，完全匹配需求效果。

内容的提问来源于stack exchange，提问作者Hardik Borad