课程章节介绍
让我们来聊聊这段代码。这段代码使用了Salesforce的Lightning组件库中的`lightning:input`组件,具体是用来创建切换按钮的。切换按钮,也就是我们常说的开关按钮,用户可以通过点击它来开启或关闭某个功能。
在这段代码中,有三个切换按钮,分别对应三个不同的功能:Warp Drive(曲速引擎)、Phasers(相位器)和Photon Torpedoes(光子鱼雷)。每个按钮都有一个`label`属性,这个属性是用来显示按钮旁边的文字说明的,比如“Warp Drive”就是第一个按钮的标签。
每个按钮还有一个`name`属性,这里都设置为“status”。这个属性是用来标识按钮的,特别是在表单中,当用户提交表单时,服务器可以通过这个`name`来识别是哪个按钮被点击了。
接下来是`value`属性,这个属性给每个按钮赋予了一个唯一的值,分别是1、2和3。这个值在表单提交时会发送到服务器,帮助服务器知道用户选择了哪个选项。
`checked`属性是一个布尔值,表示按钮的初始状态是开启还是关闭。在第一个按钮中,`checked="true"`表示这个按钮默认是开启的。而其他两个按钮没有设置这个属性,所以它们默认是关闭的。
最后,`aura:id`属性是用来在Aura框架中唯一标识这个组件的,这样在JavaScript代码中就可以通过这个ID来找到并操作这个组件。
总结一下,这段代码创建了三个切换按钮,分别控制三个不同的功能,每个按钮都有自己独特的标签和值,第一个按钮默认是开启的。希望这个解释能帮助你更好地理解这段代码的作用!