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属性的值一定是唯一的