LWC: 开发小结

Boolean Propeties只能默认设置为fasle.
例如@api test = false;
如果必须要将它默认设置为true,则需要用@track声明,即@track test = true;

通过wire service取到的record data,不可以直接在html中调用。还需要通过template包装判断一下。只是因为在打开lwc页面时,会对数据进行重复请求,而初次请求可能会因为延迟,contract还没有得到值,导致undefined报错。
例如:
@wire(getContract, { contractId : '$contractId' }) contract;
<template if:true={contract.data}>
  {contract.data.Name}
</template>
<template if:true={contract.error}>
  <c-error-panel errors={contract.error}></c-error-panel>
</template>

如果想在lwc页面上显示一个lookup字段上面的值,例如{contract.data.Contact__r.Name}
一定要先判断其lookup字段有没有值,不然会导致报错。
例如:
<template if:true={contract.data.Contact__c}>
  {contract.data.Contact__r.Name}
</template>

不能在最外层的<template>上添加任何属性

如果想要在lwc中循环输出某一数据,则可以使用for:each
例如:
<template for:each={files} for:item="file">
  <div key={file.Id}>{file.Title}</div>
</template>
但是要注意的是for:each下的标签中一定要有key属性,且key属性的值一定是唯一的
原文地址:https://www.cnblogs.com/clsriz/p/15533668.html