いいね、リストの削除、共有機能の WeChat アプレット実装

この記事は主にWeChatミニプログラムのプロジェクト概要などの削除リスト共有機能を詳しく紹介しており、必要な友達は参考にすることができます

ミニプログラムのような機能。

アイデア: バックグラウンドでデータをシミュレートするためのインターフェースはありません

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. ユーザーが [OK] をクリックして 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. [共有] をクリックします

[共有] ボタンをクリックして、open-type ="share " 属性をボタン ボタンに設定します

open-type ="share"属性

通过给 button 组件设置属性 open-type="share"，可以在用户点击按钮后触发 Page.onShareAppMessage() 属性 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 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChat アプレットでのローリング メッセージ通知の実装

WeChat アプレットの開発 ワンクリック ログイン session_key と openid の実装の取得

以上がいいね、リストの削除、共有機能の WeChat アプレット実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。