微信小程序父组件调用子组件的方法

时间:2022-07-24
本文章向大家介绍微信小程序父组件调用子组件的方法，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

在子组件的里的methods里定义一个方法

// components/header/header.js
Component({
  properties: {
  },
  data: {},
  methods: {
    getrun() {
      console.log('我是子组件的方法')
    },
  }
})

在父组件的调用里定义一个id唯一标识 按钮用来获取子组件的方法

<header id="header"></header>
<button bindtap="getson">获取子组件的方法</button>
  getson() {
    var header = this.selectComponent("#header")
    console.log(header.data) //子组件的数据
    header.getrun() //子组件的方法
  },

随机文章
本站知识点必读
最近更新