四十 Salesforce LWC学习 dynamic interaction 浅入浅出( 二 ) _生活百科

当依赖属性根据所做的选择或在另一个属性中输入的值自动填充时，除非通过单击或tab 去 focus在依赖属性字段，否则不会保存自动填充的值。

所以使用之前需要注意了解这些限制，否则配置完成以后很容易产生困惑为什么不生效。
二. Dynamic Interaction的使用方法
我们以下面的demo进行讲解，下图是 Dream House的组件组成部分。我们所需要用到以及改动的是propertyTileList以及 proprtySummary

四十 Salesforce LWC学习 dynamic interaction 浅入浅出

文章插图
我们先修改一下 propertySummary的代码。
propertySummary.html: lightning-record-form 增加了 onsuccess逻辑
<lightning-record-formobject-api-name="Property__c"record-id={propertyId}fields={propertyFields}columns="2"onsuccess={handleSuccessAction}></lightning-record-form>propertySummary.js: 增加这个方法，创建一个自定义的事件。
handleSuccessAction(event) {let updatePropertyId = JSON.stringify(new Date());const itemUpdated = new CustomEvent('itemUpdated', {detail: {updateTimeStamp: updatePropertyId}});this.dispatchEvent(itemUpdated);}propertySummary.js-meta.xml：在 targetConfig 为 lightning_AppPage下，增加以下粗体的 event属性以及schema属性。其中 property内容设置我们要传递的参数
<?xml version="1.0" encoding="UTF-8" ?><LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"><apiVersion>55.0</apiVersion><isExposed>true</isExposed><masterLabel>Property Summary</masterLabel><targets><target>lightning__AppPage</target><target>lightning__RecordPage</target></targets><targetConfigs><targetConfig targets="lightning__AppPage"><supportedFormFactors><supportedFormFactor type="Large" /><supportedFormFactor type="Small" /></supportedFormFactors>