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

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

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

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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

JS簡單動畫封裝淺析
JS動畫，實質(zhì)是對DOM樣式的改變。只要把主流瀏覽器DOM元素的屬性方法搞清楚，做JS動畫并不算難
2011-11-11
bootstrap快速制作后臺界面
這篇文章主要為大家詳細介紹了如何利用bootstrap快速制作后臺界面,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
跟我學習javascript的var預解析與函數(shù)聲明提升
跟我學習javascript的var預解析與函數(shù)聲明提升，小編對var預解析與函數(shù)聲明提升知識點也不甚了解，和大家一起學習本篇文章。
2015-11-11
three.js 制作動態(tài)二維碼的示例代碼
這篇文章主要介紹了three.js 制作動態(tài)二維碼的示例代碼，文中講解非常細致，幫助大家更好的理解和學習，感興趣的朋友可以了解下
2020-07-07
JavaScript對象數(shù)組的排序處理方法
這篇文章主要介紹了JavaScript對象數(shù)組的排序處理方法,以實例形式分析了JavaScript對象數(shù)組的排序原理與相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
JavaScript兩種計時器的實例講解
今天小編就為大家分享一篇關于JavaScript兩種計時器的實例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-01-01
javascript下高性能字符串連接StringBuffer類
使用StringBuffer類比使用加號節(jié)省50%左右的時間，大家對于大數(shù)據(jù)的連接最好使用這個方法。
2010-08-08
基于JavaScript繪制動態(tài)花束的示例代碼
p5.js 是一個JavaScript的函數(shù)庫，它在制作之初就和Processing有同樣的目標。本文將利用p5.js 制作出一束動態(tài)花束，感興趣的可以嘗試一下
2022-06-06
詳解JavaScript如何實現(xiàn)更短時間的延時函數(shù)
在項目開發(fā)中,經(jīng)常能遇到需要延時執(zhí)行的需求,比如實現(xiàn)一個定時器功能,本文主要和大家介紹了JS如何實現(xiàn)更短時間的延時函數(shù),需要的可以參考下
2024-03-03
原生js實現(xiàn)淘寶放大鏡效果
這篇文章主要為大家詳細介紹了原生js實現(xiàn)放大鏡效果，制作一個類似于淘寶的放大鏡效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11