小程序第七讲 repeat中使用组件,组件中无法取到props传入的值

小程序第七讲 repeat中使用组件,组件中无法取到props传入的值

写在前面的话

上一篇我们讲到了代码格式化导致布局显示异常这个问题的解决方式有两种,这一章我们主要讲解如何搞定组件间传值取不到数据的问题。

问题出现的场景

对于这个场景对于初学wepy的小伙伴们来说肯定会遇到的,比如在repeat里面循环绑定一个数值类型的变量传递给子组件,子组件在接收这个数值的时候出现取不到的情况,这种情况仅限在使用的时候,数值绑定却没有问题

下面提供两种解决方案
1.静态传值只接收字符串类型
2.传入含有绑定数值的对象

静态传值只接收字符串类型

上次我们讲组件传值的时候提到过静态传值和动态传值

静态传值

那么如果你传入的是Number类型的,只能进行数值绑定,是无法在子组件中使用变量的。
所以需要在父组件中先对类型进行转换变成String类型的

传入含有绑定数值的对象

动态传值

你需要把你的id包在一个对象里面进行传递
比如你要传id
那么你就把它定义为{id:“xx”}这样你就可以在子组件中进行使用啦

结束语

喜欢加个关注支持一下后续会有更多更新内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值