[TOC] ``` ## //獲取組件中的傳值 onLike(e) { var behavior = e.detail.behavior; var id = this.data.classic.id; var type = this.data.classic.type; likeModel.getLike(behavior, id, type); } ``` ## 獲取更新數據 ``` _updateData(nextOrprevious) { /* 調用models里的獲取 緩存或發送http */ classicModel.getClassic(this.data.classic.index, nextOrprevious, res => { /* 更新點贊的狀態 */ likeModel.getLikeStatus(res.type,res.id,res=>{ this.setData({ like:res.like_status, count:res.fav_nums }) }) }) } ``` ## models/like.js ``` //HTTP請求(在5.HTTP的封裝里) import {HTTP} from "../utils/http"; class LikeModel extends HTTP { getLike(behavior,id,type){ const url = behavior?'/like':'/like/cancel' this.request({ url, method:"POST", data:{ art_id:id, type } }) } /* 獲取 期刊 點贊的信息 */ getLikeStatus(type,id,callback){ this.request({ url:`/classic/${type}/${id}/favor`, success: res =>{ callback(res) } }) } } export {LikeModel} ``` ## like組件 ``` methods: { onLike(){ var like = this.properties.like; var count = this.properties.count; if(like){ this.setData({ like:false, count:count-1 }) }else{ this.setData({ like:true, count:count+1 }) } //向父組件傳值 var behavior = this.data.like; this.triggerEvent('like',{ behavior }) } } ``` ## wxml ``` <view class="like"> <image src="{{like?yesSrc:noSrc}}" alt="" bind:tap="onLike" ></image> <text class="count">{{count}}</text> </view> ```