0

    微信小程序——父传子

    2023.05.18 | admin | 243次围观

    (本篇前提,已经将子组件在父组件中通过标签的形式展示出来)

    在父组件的操作

    在父组件的 js 文件的 data 中,随便定义一个数组,对象微信小程序组件传值,或数组对象,举例

    data: {
            dadlist:["苹果","榴莲","芒果"]
        }

    在父组件的 wxml 文件中,随便定义一个名字去接收这个数据,举例:

    (这里的lists是子组件)

    在子组件的操作

    在子组件的 js 文件中微信小程序组件传值,通过 properties 来接收数据,properties 和 data 同级,举例:

    (后边的 Array 是数据的类型)

    properties: {
            daddata:Array
        }

    觉得太简单,想多一点,可以这样写,举例:

    properties: {
        // 以数组对象举例,显的多
        lists:{
          type:Array,
          value:[
            {
              id:88,
              name:'默认的值'
            }
          ]
        }
      }

    然后,就可以在子组件中进行渲染数据了,举例:

    
        {{item}}--这是儿子从父亲那里接收过来的数据
    

    页面效果

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论