salesforce - 在 LWC 中隐藏/显示按钮

Question

我是 salesforce 中的 LWC 新手，想要隐藏/显示基于按钮的状态。我写了下面的代码，但它对所有状态都是隐藏的。如果我错了，你能帮我吗？

 <template for:each={savedCampaignList} for:item="savedCampaignListvar">
       <a name={savedCampaignListvar.Id} >View</a> 
        &nbsp;|&nbsp; 
      <a hidden =!IF(savedCampaignListvar.Status === 'Saved')" name={savedCampaignListvar.Id} >Delete</a>

</template>

Answer 1

LWC 中的表达方式与 aura 和 Visualforce 中的表达方式不同

您需要在模板用于表达式的 Controller 中定义 getter，或者更新一个跟踪变量。

See this for migrating to lwc

你最终会制作出这样的 setter/getter

get hideLink() {
    return this.savedCampaignListvar.Status === 'Saved';
}

然后在你的 lwc 标记中你应该有这个

<template if:false={hideLink}>
    <a name={savedCampaignListvar.Id}>Delete</a>
</template>

注意:隐藏属性不是 bool 属性。如果该属性存在，无论将其设置为 true/false，都会隐藏该元素。 See here