zoukankan      html  css  js  c++  java
  • 钉钉小程序数据传递—子传父

    在父组件json文件中引入子组件:

    {
      "usingComponents":{
        "sub-tab":"../../components/subTab/subTab"
      }
    }

    在父组件axml文件中使用子组件:

    <sub-tab dataList="{{dataList}}" onSubTab="onsubTab"></sub-tab>

    在父组件js文件中:

    Page({
      data: {
        dataList: [],
      },
     // 接收子组件传递过来的数据
     onsubTab(data) {
        console.log(data)
      }
    })

    在子组件js文件中:

    Component({
      data: {
      value: 0
      },
      props: {
        dataList: Object, // 数据
    
        //注意事件名务必使用驼峰名法,当时采用子组件给父组件传值时一直不生效,结果是因为事件名写成了 onsubTab(没采用驼峰命名)
        onSubTab:(data)=>console.log(data) // 事件传递
      },
      didMount() {
        console.log(this.props.dataList)
      },
      methods: {
        // 给父组件传递数据
        save() {
          this.props.onSubTab(this.data.value)
        }
       }
    })
    //注意事件名务必使用驼峰名法,当时采用子组件给父组件传值时一直不生效,结果是因为事件名写成了 onsubTab(没采用驼峰命名)










  • 相关阅读:
    数据库连接池
    JDBC事务
    oracle 11g
    python自动化办公1-os模块学习
    python模块学习1
    requests-post请求
    linux学习二-目录文件相关命令
    Linux学习一常见的7个命令及命令的信息查看
    python-文件操作
    异常以及异常处理
  • 原文地址:https://www.cnblogs.com/dreamstartplace/p/14602450.html
Copyright © 2011-2022 走看看