zoukankan      html  css  js  c++  java
  • 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属性的值一定是唯一的
  • 相关阅读:
    剑指 Offer II 005. 单词长度的最大乘积
    中文编程的瓶颈
    Unity TextMeshPro 富文本格式介绍
    centos使用httpd搭建文件下载服务器教程
    开博第一天
    macOS安装brew(Homebrew国内源)
    git命令将代码导出为单个文件
    CPU虚拟化
    指令
    华为公有云服务的主要服务产品
  • 原文地址:https://www.cnblogs.com/clsriz/p/15533668.html
Copyright © 2011-2022 走看看