无法通过 LWC 按名称获取商机？解决办法在这里！

javascript

2024-03-20 16:02:44

通过 LWC 无法按名称获取商机？问题已解决

作为一名经验丰富的程序员和技术作家，我明白无法获取数据时所带来的挫败感。在本文中，我们将探讨通过 Lightning Web Component (LWC) 按名称获取商机时遇到的一个常见问题，并提供分步解决方法。

问题：通过 LWC 无法按名称获取商机

最近，我在使用 LWC 创建一个表单以按名称搜索商机时遇到困难。我使用 findOpportunityByAccount Apex 控制器来检索数据，但无论我输入什么机会名称，我始终收不到任何结果。

原因：Apex 控制器需要 accountId

经过一番调查，我发现该表单无法按名称检索商机的根本原因在于：findOpportunityByAccount Apex 控制器需要一个 accountId 参数。然而，我没有将此参数传递给该方法。

解决方法：将 accountId 传递给 Apex 控制器

为了解决此问题，我们需要在 findOpportunityByAccount 方法调用中传递 accountId 参数。我们可以使用 @api 装饰器将 accountId 公开为 LWC 的属性：

import { LightningElement, wire, track, api } from 'lwc';

import findOpportunityByAccount from '@salesforce/apex/OpportunitySearchControllerLWC.findOpportunityByAccount';

export default class displayOpportunityList extends LightningElement {

    @api accountId;

    @track opportunityName ='';

    @track opportunityList;

    // ...

}

然后，在 handleSearch 方法中，我们可以使用 this.accountId 属性来传递 accountId 参数：

handleSearch() {
    // Perform some validation if needed
    findOpportunityByAccount({ 
        accountId: this.accountId,
        opportunityName: this.opportunityName 
    })
    .then(result => {
        this.opportunityList = result;
    })
    .catch(error => {
        this.error = error;
    });
}

更新后的代码：

以下是更新后的 LWC 代码：

import { LightningElement, wire, track, api } from 'lwc';

import findOpportunityByAccount from '@salesforce/apex/OpportunitySearchControllerLWC.findOpportunityByAccount';

export default class displayOpportunityList extends LightningElement {

    @api accountId;

    @track opportunityName ='';

    @track opportunityList;

    // ...

    handleSearch() {
        // Perform some validation if needed
        findOpportunityByAccount({ 
            accountId: this.accountId,
            opportunityName: this.opportunityName 
        })
        .then(result => {
            this.opportunityList = result;
        })
        .catch(error => {
            this.error = error;
        });
    }

}