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

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

  • 写在前面的话
    • 问题出现的场景
    • 静态传值只接收字符串类型
    • 传入含有绑定数值的对象
    • 结束语

写在前面的话

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

问题出现的场景

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

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

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

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

静态传值

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

传入含有绑定数值的对象

动态传值

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

结束语

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

你可能感兴趣的:(微信小程序WePY)