Conditional Rendering — lwc:if/elseif/else

DEX475 - HTML Templates

📄 第 50 页 🎬 视频课程

课程章节介绍

今天我们来讲一下Lightning Web Components里面的条件渲染,这个非常实用。 以前我们可能用过if:true和if:false这种写法,但现在官方已经不再推荐了,建议大家都迁移到新的指令:lwc:if、lwc:elseif和lwc:else。 它们的用法很简单,就是把指令直接绑定到一个属性上。比如lwc:if={isVisible},当isVisible这个属性的值是“真”的时候,对应的那部分界面就会显示出来;变成“假”的时候,这些元素就会从页面上直接移除掉,而不是简单隐藏。这样做的好处是,不会留下多余的DOM节点。 你可以把这些指令用在任何地方,不管是在