前言

承上一篇的例子, 记录一下小程序里子组件给父组件传值.
《微信小程序组件传值(一) properties 父传子》

一、子组件暴露事件

只需要来这么一行就可以暴露出一个自定义的事件, 比如这个, 事件名是up, 传值传出变量something.
这里也是一样的, 下面这条语句其实就像this.emit("事件名", 值)

//子组件.js
handleTap() {var something = "我是值";this.triggerEvent("事件名", 要传出的值)
}

二、父组件接收

然后父组件这边就可以在子组件上使用
bind:事件名="父组件事件处理函数"
监听这个自定义事件了, 并且负责对这个自定义事件进行处理的函数, 可以接受到子组件triggerEvent传的值:

<!-- 父组件.wxml -->
<!-- handleUp和子组件就没关系了,它是父组件对该事件的处理函数,就像bindtap="xxx"的"xxx"一样 -->
<navbar bindtap="handleTap"bind:up="handleUp">
</navbar>

之后, 我们可以在handleUp里尝试接收一下子组件的传值:

//父组件.js
Page({handleUp(evt) {  //evt里包含了子组件传来的someThingconsole.log(evt.detail);}
})

总结

感觉上一篇父传子里掺杂了太多组件构成的操作, 回去改一下…
想起刚开始学Vue的时候, 学到这里突然有个疑问: 我自定义了事件, 但是如何去触发它(
比如click会由鼠标点击触发, 但是我的up呢, 我也没有定义如何触发…
到了后来我还是没弄明白这个问题, 我只知道比如在一个click事件函数里用emit发事件, 这个自定义事件就会在我click的时候被触发…
我还是打算去探究一下这个问题的.

微信小程序组件传值(二) triggerEvent 子传父相关推荐

小程序上传视频的php接口处理,微信小程序[第十二篇] -- 上传视频
通过上一篇的学习,我们可以成功将宝宝的照片传到指定相册了,但是可爱的宝宝岂能只有照片,小视频必须同步跟上,莫问题!咱这篇就来一个视频上传的实现. 俺家小核桃镇贴. 服务端其实对于yii2程序而言,如 ...
父子组件传值之（子传父）
当我们在需要把子页面的数据传递给父页面时,就需要用到子传父通信. 下面是要把封装好的验证码组件放到父组件里面使用,由于是子组件里面生成的验证码,所以这里要把子组件的值传递到父组件里面去,用于校验判断. ...
微信小程序组件传值接收不到id
组件传值 <punchPointIcon itemId="{{item.id}}" /> 本来写的是id="{{item.id}}",但是后来发现接 ...
微信小程序组件与页面的传参、方法调用（二）
微信小程序组件与页面的传参.方法调用使用小程序组件时经常不会只用到静态页面显示,需要一定的交互.这时候就需要知道这么传参与方法调用的了首先先放官方的文档,介绍的还是比较清楚详细,有能力的同学请直 ...
微信小程序组件间通信（二）
2019独角兽企业重金招聘Python工程师标准>>> 一.微信小程序中通过事件,实现子组件向父组件中传递数据或操作注:子组件向父组件中传递通过事件传递操作通过事件参数对象det ...
微信小程序组件与页面互相传值
微信小程序组件与页面互相传值 1.外界对组件内部传值(父传子) 组件properties属性的应用 ① 定义组件内部要接受外部的值 ② 定义页面要传输给组件内部的值 ③ 传输数据 ④ 组件内部对pro ...
微信小程序把玩（二十八）image组件
原文:微信小程序把玩(二十八)image组件 image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源 ...
微信小程序把玩（二十七）audio组件
微信小程序把玩(二十七)audio组件原文:微信小程序把玩(二十七)audio组件音频播放已经封装的很好!只需配合属性设置即可! (method和data配合使用) 主要属性: wxml < ...
微信小程序把玩（二十六）navigator组件
微信小程序把玩(二十六)navigator组件原文:微信小程序把玩(二十六)navigator组件 navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面.用redirect属性指 ...
微信小程序组件、路由、组件通信、侦听器
一.微信小程序组件组件就是小程序页面的组成结构,与html在web网页开发中的作用一样,铺设页面.可以参考其他UI库,像elementUI,vantUI组件组件是视图层的基本组成单元. 组件自带一 ...

微信小程序组件传值(二) triggerEvent 子传父

文章目录

前言

一、子组件暴露事件

二、父组件接收

总结

微信小程序组件传值(二) triggerEvent 子传父相关推荐

最新文章

热门文章

微信小程序 组件传值(二) triggerEvent 子传父

文章目录

前言

一、子组件暴露事件

二、父组件接收

总结

微信小程序 组件传值(二) triggerEvent 子传父相关推荐

最新文章

热门文章

微信小程序组件传值(二) triggerEvent 子传父

微信小程序组件传值(二) triggerEvent 子传父相关推荐