快捷導(dǎo)航

微信小程序頁面調(diào)用自定義組件內(nèi)的事件詳解

更新時間：2019年09月12日 14:14:29 作者：明明一顆大白菜

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

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(); // 通過實例調(diào)用組件事件
 }
 //...
})

component

component.js

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

無刷新上傳文件并返回自定義值
本文給大家簡單分享了一下個人項目中解決無刷新上傳文件的方法和示例，有需要的小伙伴可以參考下。
2015-06-06
JavaScript實現(xiàn)樓層效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)樓層效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-11-11
使用JavaScript實現(xiàn)一個靜態(tài)鏈表
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實現(xiàn)一個靜態(tài)鏈表，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價值，感興趣的小伙伴可以跟隨小編一起了解一下
2023-06-06
微信小程序中添加客服按鈕contact-button功能
這篇文章主要介紹了微信小程序中添加客服按鈕contact-button功能，小程序的客服系統(tǒng)，是微信做的非常成功的功能，開發(fā)者很容易的實現(xiàn)客服功能
2018-04-04
JavaScript中的alert()函數(shù)使用技巧詳解
這篇文章主要介紹了JavaScript中的alert()函數(shù)使用技巧詳解,本文講解了普通彈出、帶換行的文本、使用制表符、使用變量、使用樣式等選擇,需要的朋友可以參考下
2014-12-12
JS中input表單隱藏域及其使用方法
這篇文章主要介紹了JS中input表單隱藏域及其使用方法講解，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02
理解Javascript閉包
閉包是ECMAScript一個很重要的特征，但是卻很難用合適的定義來描述它。雖然閉包很難清晰地描述，但是，卻很容易創(chuàng)建，或者說，不小心創(chuàng)建。然而，閉包的存在其實是有一定的潛在問題的。為了避免“不小心”地創(chuàng)建閉包，以及更好地利用閉包的優(yōu)點(diǎn)，有必要理解閉包的機(jī)制
2013-11-11
JS中setInterval、setTimeout不能傳遞帶參數(shù)的函數(shù)的解決方案
在JS中無論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時都不能帶參數(shù)，而在許多場合必須要帶參數(shù)，接下來為大家介紹具體的解決方法
2013-04-04
關(guān)于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
下面小編就為大家?guī)硪黄P(guān)于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
es6新特性之 class 基本用法解析
這篇文章主要介紹了es6新特性之 class 基本用法 ,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2018-05-05