微信小程序父组件传递子组件遇到的失效问题

首先这里的重点是微信小程序的父组件传参在子组件传递时失效问题。

1.检查你的语法是否正确。

这一点分4步

1）检查你的子组件的继承情况。（js文件）

Component({
  properties:{
    rich:{
    type:String,
    value:""
  }
}
})

2）检查你的子组件调用（wxml文件）

<view>{{rich}}</view>

 3）检查你的父组件传参（json文件）

{
    "usingComponents": {
        "Title": "/components/title/title"
//此处Title只是一个标签名，自己随意发挥，对应的是路径。引用到子组件就可以了
    }
}

4)检查你的父组件定义（wxml文件）

<Title rich="asdfg"></Title>
//在父组件定义的Title标签在此刻就可以拿来用了
//里面的rich是传给子组件的变量名。随意发挥，
//里面值可以用父组件的data变量也是没问题的。
//我这边举例子就随便用了个字符串

这四部正常情况下如果按照我的方法应该就能解决问题了，当然不排除特殊情况，这也是我看没什么人提到的一个点，就是app.json文件里面的pages，组件是不需要用pages引用的，引用的会出现不显示问题。不要在pages里加组件路径

"pages":[
    "pages2/asd/asd",
    // "components/title/title"
  ],

可能还会有另一种情况就是你的文件命名问题,尽量不要用-减号作为分隔，推荐使用下划线。如果用了尽量不要在后面使用数字。

好了这就是本文的重点内容了。希望可以帮到大家，如果觉得我说的有不对的请大家指正，也可以补充