本篇参考: Configure a Component for Dynamic Interactions in the Lightning App Builder - Salesforce Lightning Component Library Salesforce Help | Article GitHub - trailheadapps/dreamhouse-lwc: Sample application for Lightning Web Components on Salesforce…

本篇参考:https://trailhead.salesforce.com/content/learn/superbadges/superbadge_lwc_specialist 我们做lwc的学习时,因为很多人可能还没接触过lwc的项目,所以通过学习知道很多的知识点,但是可能没有机会做到一个小项目,salesforce lwc superbadge正好可以在将知识点串起来基础上,深化学习,当一个小项目练手.首先先按照上方的superbadge要求,安装一个unlocked package,然后…

本篇参考: https://developer.salesforce.com/docs/component-library/bundle/force:hasRecordId/documentation https://developer.salesforce.com/docs/component-library/documentation/en/lwc/use_record_context Salesforce LWC学习(三十六) Quick Action 支持选择 LWC了 我们在使用lwc…

本篇参考: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.use_quick_actions https://developer.salesforce.com/docs/component-library/bundle/lightning-quick-action-panel/documentation 背景: 我们现在项目越来越多的使用 lwc 进行了前端开发,当然我们知道lwc…

首先本篇感谢长源edward老哥的大力帮助. 背景:我们在前端开发的时候,经常会用到输入框,并且对这个输入框设置 required或者其他的验证,当不满足条件时使用自定义的UI或者使用标准的 input的 setCustomValidity等操作方式去进行UI的展示.我们在https://www.cnblogs.com/zero-zyq/p/12734982.html有描述相关的操作,今天的内容就以这个知识点内容进行展开.首先先上代码 inputRequiredTest.html <templa…

本篇参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort salesforce开发过程中,数组在前端的使用中基本是不可避免,下面的demo大家猜一下输出结果. arraySortSample.html <template> <lightning-card title="integer item sort"> <ul>…

本篇参考: https://www.cnblogs.com/zero-zyq/p/14548676.html https://www.lightningdesignsystem.com/platforms/lightning/styling-hooks/#Styling-Hooks-What-Does-It-Look-Like https://developer.salesforce.com/docs/component-library/documentation/en/lwc/create_c…

我们在上篇介绍了 @track / @api的区别.在父子 component中,针对api类型的变量,如果声明以后就只允许在parent修改,son component修改便会导致报错. sonItem.html <template> <lightning-input value={itemName} onchange={changeItemName} label="item name"></lightning-input> </templa…

本篇参看: https://trailhead.salesforce.com/content/learn/modules/test-lightning-web-components https://jestjs.io/docs/en/expect 我们在写lwc的js部分时,通常都是前端进行测试,针对js测试其实也有类似于apex class中的 test class类似的js test class,也就是今天说的 Jest Test,Jest Test不只是针对于 lwc可以使用,正常其他的非…

本篇参考:salesforce lightning零基础学习(十七) 实现上传 Excel解析其内容 上一篇我们写了aura方式上传excel解析其内容.lwc作为salesforce的新宠儿,逐渐的在去aura化,这种功能怎么能lwc不搞一份,所以本篇来了,直接上代码. excelImportForLwc.html <template> <lightning-input type="file" label="上传" onchange={excel…