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


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的实现回车键Enter切换焦点
Sep 14 Javascript
JS数组的常见用法实例
Feb 10 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
Jan 14 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
微信小程序开发一键登录 获取session_key和openid实例
Nov 23 Javascript
jQuery实现二维码扫描功能
Jan 09 Javascript
Node.js简单入门前传
Aug 21 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
Aug 21 Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 Javascript
基于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一些服务器端特性的配置加强php的安全
2006/10/09 PHP
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
jquery $(this).attr $(this).val方法使用介绍
2013/10/08 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
详解Vue调用手机相机和相册以及上传
2019/05/05 Javascript
vue图片加载失败时用默认图片替换的方法
2019/08/29 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
Python实现矩阵转置的方法分析
2017/11/24 Python
python3.6 实现AES加密的示例(pyCryptodome)
2018/01/10 Python
python读取文本绘制动态速度曲线
2018/06/21 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
Python创建临时文件和文件夹
2020/08/05 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
国际商务专业职业生涯规划书范文
2014/01/17 职场文书
倡议书格式
2014/08/30 职场文书
雷峰塔导游词
2015/02/09 职场文书
学校工会工作总结2015
2015/05/19 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书