快捷導(dǎo)航

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

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

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

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'); // 頁面獲取自定義組件實(shí)例
  myComponent.componentInnerFunction(); // 通過實(shí)例調(diào)用組件事件
 }
 //...
})

component

component.js

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

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

您可能感興趣的文章:

相關(guān)文章

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