微信小程序頁面調用自定義組件內的事件詳解

這篇文章主要介紹了微信小程序頁面調用自定義組件內的事件詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

這篇文章主要介紹了微信小程序頁面調用自定義組件內的事件詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

page

page.json

{
  "usingComponents": {
    "my-component": "../components/component/component",
  }
}

page.wxml

<my-component id="myComponent"></my-component>

page.js

Page({
 //...
 onLoad: function () {
  let myComponent = this.selectComponent('#myComponent'); // 頁面獲取自定義組件實例
  myComponent.componentInnerFunction(); // 通過實例調用組件事件
 }
 //...
})

component

component.js

Component({
  //...
  methods: {
    componentInnerFunction: function() {
      console.log('i am inner function');
    }
  }
  //...
})

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持神馬文庫。