小程序学习

最新推荐文章于 2024-08-27 14:24:17 发布

被楓吹过的晨

最新推荐文章于 2024-08-27 14:24:17 发布

阅读量275

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/m0_66430291/article/details/124282258

版权

本文探讨了微信小程序中的父子通信，包括方法一和通过 selectComponent 调用子组件方法；子父通信则利用 triggerEvent 触发自定义事件进行。此外，还讲解了如何在 app.js 中设置全局数据并在页面中调用，实现数据共享。

摘要由CSDN通过智能技术生成

方法一

//  子组件中定义 properties
properties:{
  // 属性名:类型
  age: Number
}

<!-- 子组件使用自定义属性 -->
  {
  { 属性名 }}
  {
  { age }}

<!-- 父组件传递数据 -->
<子组件 属性名="{
  { 变量 }}"></子组件>
<子组件 age="{
  { 18 }}"></子组件>

方法二

通过 selectComponent 获取子组件实例，调用方法修改

<子组件 id="id值"></子组件>

this.selectComponent('#id值').setData({
  key:val
})

子组件通过 triggerEvent 触发自定义事件

// this.triggerEvent('自定义事件名',数据)

Component({
  data:{
    age:10
  },
  methods:{
    this.triggerEvent('event',t

关注