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属性的值一定是唯一的
  • 相关阅读:
    actionscript项目中自加载preloader实现
    as3 弹性跑道模型
    快速排序
    快捷键
    frameset和iframe--框架对象及元素标签对象
    Javascript的陷阱
    JS火狐与IE的差别
    JS运动框架
    面向对象与闭包的使用
    闭包
  • 原文地址:https://www.cnblogs.com/clsriz/p/15533668.html
Copyright © 2011-2022 走看看