学习旧岛小程序（5）自定义组件的自定义事件

自定义组件的触发事件：

自定义组件触发事件时，需要使用 triggerEvent 方法，指定事件名、detail对象和事件选项：

this.triggerEvent('like', {

behavior: behavior

}, {})

1. 'like' 自定义的事件名

2. behavior behavior

自定义事件：

     //激活点赞状态，自定义函数let behavior = this.properties.like?'like':'cancel';//监听一个事件this.triggerEvent('like',{behavior:behavior},{})

在引用自定义组件的组件绑定事件：

绑定的事件名字要对应为自定义事件的事件名

 <v-like class="like" bind:like="onLike" like="{{classic.like_status}}" count="{{classic.fav_nums}}"></v-like>

like 事件：

 onLike:function(e) {//获取得到要传递的3个参数
     console.log(e);let  behavior =e.detail.behavior;console.log(this.data.classic.id);console.log(this.data.classic.type);//调用接口likeModel.like(behavior,this.data.classic.id,this.data.classic.type)},

转载于:https://www.cnblogs.com/guangzhou11/p/11294792.html

学习旧岛小程序（5）自定义组件的自定义事件相关推荐

学习旧岛小程序（2）自定义组件
(1) 新建组件新建组件目录下的文件名字可以与目录不一样 (2)引用组件在引用的组件的 .json 添加配置 { "usingComponents": { "like ...
学习旧岛小程序（3）组件的样式
(1)单位要用 rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则75 ...
学习旧岛小程序（5） observer 函数中修改属性的值
不要在一个属性的 observer 函数中修改属性的值不然会造成内存泄露错误代码: properties: {/* 期刊号 */index: {type: String,observer: fu ...
学习旧岛小程序（4）电影组件的实现
先编写基本的页面架构 <view class="classic-container"> <image src="{{img}}" class= ...
学习旧岛小程序（4）封装api 请求
1.配置基本的请求路径和 key config.js const config = {baseUrl: 'http://bl.7yue.pro/v1/',appkey: "" ...
学习旧岛小程序（1） flex 布局
css : view 相当于 div 块级元素 display 默认设置 block display:inline 设置后设置宽度高度是无效的要设置宽度高度又要设置为行内元素我们设置: (1) ...
微信旧岛小程序章节目录
索引第一章申请appkey ## 标题##我是标题第二章准备工作小程序开发工具介绍和第三方开发工具介绍第三章小程序基础知识与新特性 1.小程序的4种文件类型 2.小程序的组织结构 3 ...
uniapp 微信小程序地图map组件样式自定义
1.第一步进入微信小程序JavaScript SDK | 腾讯位置服务 2. 进入应用管理 > 我的应用 > 右上角创建应用 3.创建完应用,进入下面的个性化地图 > 样式选择 ...
【微信小程序】 map 组件 callout 自定义气泡（实实在在的讲解）
自定义气泡为什么出不来呢? 主要注意以下问题: 首先这里的 customCallout 是作为一个属性存在的,那么自然要在 WXML 中有所体现,主要体现在 markers 对象中的数据结构. 需要保 ...

学习旧岛小程序（5）自定义组件的自定义事件

学习旧岛小程序（5）自定义组件的自定义事件相关推荐

最新文章

热门文章

学习旧岛小程序 （5） 自定义组件的自定义事件

学习旧岛小程序 （5） 自定义组件的自定义事件相关推荐

最新文章

热门文章

学习旧岛小程序（5）自定义组件的自定义事件

学习旧岛小程序（5）自定义组件的自定义事件相关推荐