微信小程序頁面調(diào)用自定義組件內(nèi)的事件詳解
更新時(shí)間：2019年09月12日 14:14:29 作者：明明一顆大白菜
這篇文章主要介紹了微信小程序頁面調(diào)用自定義組件內(nèi)的事件詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
這篇文章主要介紹了微信小程序頁面調(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í)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 微信小程序自定義組件實(shí)現(xiàn)多選功能
- 微信小程序自定義組件與頁面的相互傳參
- 一步步教你實(shí)現(xiàn)微信小程序自定義組件
- 微信小程序?qū)崿F(xiàn)頁面監(jiān)聽自定義組件的觸發(fā)事件
- 微信小程序自定義組件components(代碼詳解)
- 詳解微信小程序自定義組件的實(shí)現(xiàn)及數(shù)據(jù)交互
- 微信小程序自定義組件實(shí)現(xiàn)環(huán)形進(jìn)度條
- 微信小程序自定義組件傳值 頁面和組件相互傳數(shù)據(jù)操作示例
- 微信小程序自定義組件的實(shí)現(xiàn)方法及自定義組件與頁面間的數(shù)據(jù)傳遞問題
- 微信小程序自定義組件封裝及父子間組件傳值的方法
- 微信小程序的自定義組件的實(shí)現(xiàn)方法
相關(guān)文章
JS動畫，實(shí)質(zhì)是對DOM樣式的改變。只要把主流瀏覽器DOM元素的屬性方法搞清楚，做JS動畫并不算難2011-11-11
這篇文章主要為大家詳細(xì)介紹了如何利用bootstrap快速制作后臺界面,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升，小編對var預(yù)解析與函數(shù)聲明提升知識點(diǎn)也不甚了解，和大家一起學(xué)習(xí)本篇文章。2015-11-11
這篇文章主要介紹了three.js 制作動態(tài)二維碼的示例代碼，文中講解非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
這篇文章主要介紹了JavaScript對象數(shù)組的排序處理方法,以實(shí)例形式分析了JavaScript對象數(shù)組的排序原理與相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
JavaScript兩種計(jì)時(shí)器的實(shí)例講解
今天小編就為大家分享一篇關(guān)于JavaScript兩種計(jì)時(shí)器的實(shí)例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
javascript下高性能字符串連接StringBuffer類
使用StringBuffer類比使用加號節(jié)省50%左右的時(shí)間，大家對于大數(shù)據(jù)的連接最好使用這個方法。2010-08-08
p5.js 是一個JavaScript的函數(shù)庫，它在制作之初就和Processing有同樣的目標(biāo)。本文將利用p5.js 制作出一束動態(tài)花束，感興趣的可以嘗試一下2022-06-06
詳解JavaScript如何實(shí)現(xiàn)更短時(shí)間的延時(shí)函數(shù)
在項(xiàng)目開發(fā)中,經(jīng)常能遇到需要延時(shí)執(zhí)行的需求,比如實(shí)現(xiàn)一個定時(shí)器功能,本文主要和大家介紹了JS如何實(shí)現(xiàn)更短時(shí)間的延時(shí)函數(shù),需要的可以參考下2024-03-03
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)放大鏡效果，制作一個類似于淘寶的放大鏡效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11