首页 问答 文章
登陆
登陆 注册新账号
注册
已有账号登陆
微信小程序自定义组件设置回调方法
2019-02-24 15:04:09.0

先在组件的wxml文件中给标签设置catchtap,代码如下:

<view class='option'>
            <label bindtap='cancelClick'>取消</label>
            <label catchtap='_filterCallBack' style='color:#4bacc6'>确认</label>
</view>

在组件的js文件中定义catchtap名的方法,调用微信的api triggerEvent(param1,parma2),第一个参数为回调方法名称,第二个参数为传递参数,如不需要参数,第二个参数可不传,代码如下:

_filterCallBack(e){
            this.triggerEvent("filterCallBack",{
                p1:"1",
                p2:"2",
                p3:"3"
            });
        }

在页面中引入组件,此不做说明.然后在页面的wxml文件中给组件绑定回调方法,邦定方法为:bind:filterCallBack="filterCallBack",注意:bind:后面的名称必须和上一步的triggerEvent方法里面定义的名称一致.代码如下:

<order-filter id="orderFilter" bind:filterCallBack="filterCallBack"></order-filter>

在页面的js文件中,定义回调方法的具体实现.代码如下:

filterCallBack(e){
        //回调方法的参数在e.detail里面
        console.log(e.detail.p1)
        console.log(e.detail.p2)
        console.log(e.detail.p3)
}

通过以上4部即可完成小程序里面自定义组件的回调方法的定义!

热门文章
1
input 上传第二次不能选择同一文件
2
input="file" 浏览时只显示指定文件类型 xls、xlsx、csv
3
有时候操作系统的时间与pg的时间不一致
4
java stream 转二维结构为树状结构
5
java Object和Map转化
6
让Node.js项目实现热部署,修改文件避免重启
7
golang  mysql操作
8
java label
9
BigDecimal的用法详解(保留两位小数,四舍五入,数字格式化)
10
linux 自动运行脚本
最新文章
1
postgresql数据库
2
Mac 启动加载文件位置(可设置环境变量)
3
什么是ORM?
4
微信小程序自定义组件设置回调方法
5
java stream 转二维结构为树状结构
6
正则表达式
7
golang  mysql操作
8
利用Opencv实现简单的图片切割(JAVA)
9
PostgreSQL JSON 数据库
10
linux 自动运行脚本
热门标签
mac
java
jvm
微信小程序
小程序
自定义组件
回调
回调方法
golang
postgresql