微信小程序父组件传递子组件遇到的失效问题-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序父组件传递子组件遇到的失效问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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"
  ],

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

好了这就是本文的重点内容了。希望可以帮到大家，如果觉得我说的有不对的请大家指正，也可以补充文章来源地址https://www.toymoban.com/news/detail-589153.html

到了这里，关于微信小程序父组件传递子组件遇到的失效问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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