Lightning中attribute的一些应用场景及父子组件的传值

1.首先建立一个APPLICATION页面,为了引入COMPONENT组件,创建一个COMPONENT内容如下:


其中name属性和type属性必须存在,default属性可选。

name是自己定义的名字,通过{!v.定义的name名}进行展示。

type是类型,包括(String,Number,List,Boolean...等),根据自己需要的定义的内容的类型进行选择

在APPLICATION中引入组件,

                                    

Preview如下:

                                     

2.通过属性简单实现数据的双向绑定

其中用到了lightning自带的标签input,需要注意的是必要有label属性(可以为空),否者无法实现双向绑定效果

代码如下:

                    

效果如下:

                    

3.通过属性实现子组件到父组件的传值:

首先创建一个子组件内容如下:


子组件的触发函数:

                    

创建一个Lightning Event文件,起到组件间衔接的作用:

                    

                    

创建父组件,接收子组件的传值:

 

                       

之后在APPLICATION中引入父组件,进行展示:

                                                

效果如图:

                

4.父组件给子组件传值,只需要通过子组件绑定父组件的属性即可,内容如下:

          

          

通过Preview视图展示:

                                    


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值