微信小程序页面调用自定义组件内的事件详解


Posted in Javascript onSeptember 12, 2019

这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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');
    }
  }
  //...
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
js取整数、取余数的方法
May 11 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
详解Vue2.0之去掉组件click事件的native修饰
Apr 20 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 Javascript
Vue中父组件向子组件通信的方法
Jul 11 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
Oct 26 Javascript
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
JS对象与json字符串相互转换实现方法示例
Jun 14 Javascript
vue实现百度搜索功能
Dec 28 Javascript
vue 插槽简介及使用示例
Nov 19 Vue.js
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
基于JavaScript 实现拖放功能
Sep 12 #Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 #Javascript
layui 对table中的数据进行转义的实例
Sep 12 #Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 #Javascript
小程序如何支持使用 async/await详解
Sep 12 #Javascript
layui清空,重置表单数据的实例
Sep 12 #Javascript
layui table 多行删除(id获取)的方法
Sep 12 #Javascript
You might like
坏狼php学习 计数器实例代码
2008/06/15 PHP
比较全面的PHP数组的使用方法小结
2010/09/23 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
php使用ob_start()实现图片存入变量的方法
2014/11/14 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
ThinkPHP、ZF2、Yaf、Laravel框架路由大比拼
2015/03/25 PHP
JS 面向对象的5钟写法
2009/07/31 Javascript
ASP中Sub和Function的区别说明
2020/08/30 Javascript
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
几种tab切换详解
2017/02/03 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
2017/11/23 Javascript
微信小程序实现发红包功能
2018/07/11 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
2018/09/21 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
利用Anaconda完美解决Python 2与python 3的共存问题
2017/05/25 Python
python实现八大排序算法(2)
2017/09/14 Python
基于数据归一化以及Python实现方式
2018/07/11 Python
Numpy 改变数组维度的几种方法小结
2018/08/02 Python
Python3几个常见问题的处理方法
2019/02/26 Python
python中的数组赋值与拷贝的区别详解
2019/11/26 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
Python reduce函数作用及实例解析
2020/05/08 Python
Python验证码截取识别代码实例
2020/05/16 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
matplotlib实现数据实时刷新的示例代码
2021/01/05 Python
管理标语大全
2014/06/24 职场文书
擅自离岗检讨书
2014/09/12 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
创先争优承诺书
2015/01/20 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python