微信小程式之讚和刪除清單以及分享的功能實現

這篇文章主要介紹了微信小程式專案總結之點讚刪除清單分享功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下

#小程式按讚功能

想法：在背景沒有給你介面自己模擬資料

#

data:{ 
 likes:{ 
 iszan:false, 
 num:0 
} 
}

    1.遍歷註解清單判斷點擊的id

    2.如果id相同判斷是否按讚過如果為true -1 若為false 1

    3.更新資料

bindlike:function(e){ 
 var newData = this.data.release.map(function(item){ 
  if (item.id == e.currentTarget.dataset.id){ 
  console.log(item.id + e.currentTarget.dataset.id ) 
  if(item.likes.iszan){ 
   var obj = {} 
   obj.iszan = !item.likes.iszan; 
   obj.num = item.likes.num -1 ; 
   return Object.assign({},item,{likes:obj}) 
  }else { 
   var obj = {} 
   obj.iszan = !item.likes.iszan; 
   obj.num = item.likes.num + 1; 
   return Object.assign({}, item, { likes: obj }) 
  } 
  }else { 
  return item 
  } 
 }) 
 this.setData ({ 
  release:newData 
 }) 
 },

       2.點選刪除清單功能

1.給撤銷按鈕綁定id 新增點擊事件

2.點擊刪除按鈕時提示是否刪除

#3.如果使用者點選確定取得到要刪除的id

4.刪除對應的陣列內容

#5.更新資料

//删除评论 
 binddelete:function(e){ 
 var that = this; 
 wx.showModal({ 
  title: '提示', 
  content: '确认撤回吗？', 
 success:function(res){ 
  if(res.confirm){ 
 console.log('用户点击确定') 
 // 获取要删除数据的id 
 var dataid = e.currentTarget.dataset.id; 
 console.log(dataid) 
 // 删除数组对应的数据内容 
 var release = that.data.release; 
 that.data.release.splice(dataid,1) 
 //判断数据的长度 
 var len = that.data.release.length; 
 //通过判断数组的长度来决定是否显示隐藏的部分 
  that.setData ({ 
  release: that.data.release 
  }) 
  }else if(res.cancel){ 
  console.log('用户点击取消') 
  } 
 } 
 }) 
 },

3.點選分享

#點選分享按鈕要給button按鈕綁定個open-type = "share"屬性

###透過為button 元件設定屬性### open-type="share"，###可以在使用者點擊按鈕後觸發###Page.onShareAppMessage() ## #事件，如果目前頁面沒有定義此事件，則點擊後無效果。 #########

Page({ 
 onShareAppMessage: function (res) { 
 if (res.from === 'button') { 
 // 来自页面内转发按钮 
 console.log(res.target) 
 } 
 return { 
 title: '自定义转发标题', 
 path: '/page/user?id=123' 
 } 
 } 
})

#########以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！ ######相關推薦：#########微信小程式中捲動訊息通知的實作###############微信小程式開發一鍵登入獲取session_key與openid的實作############################

以上是微信小程式之讚和刪除清單以及分享的功能實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！