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

2020-09-03 10:47:41 浏览数 (1)

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

代码语言：javascript复制

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

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

代码语言：javascript复制

<header id="header"></header>
<button bindtap="getson">获取子组件的方法</button>

代码语言：javascript复制

  getson() {
    var header = this.selectComponent("#header")
    console.log(header.data) //子组件的数据
    header.getrun() //子组件的方法
  },

0 人点赞