Maison > Applet WeChat > Développement de mini-programmes > Implémentation de l'applet WeChat des fonctions J'aime, Supprimer la liste et Partage

Implémentation de l'applet WeChat des fonctions J'aime, Supprimer la liste et Partage

不言
Libérer: 2018-06-26 15:33:45
original
4926 Les gens l'ont consulté

Cet article présente principalement le résumé du projet du mini-programme WeChat de la fonction de partage de liste J'aime et supprimer. Cet article vous le présente de manière très détaillée et a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer

. Fonction similaire au mini programme

Idée : il n'y a pas d'interface pour simuler les données en arrière-plan

data:{ 
 likes:{ 
 iszan:false, 
 num:0 
} 
}
Copier après la connexion

1. Parcourez la liste des commentaires pour déterminer l'identifiant cliqué

2. Si l'identifiant est le même, déterminez s'il a été aimé . Si c'est vrai -1 si c'est faux +1

3. Mettre à jour les données

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 
 }) 
 },
Copier après la connexion

. 2. Cliquez sur la fonction de suppression de liste

1. Liez l'identifiant au bouton d'annulation et ajoutez un clic. événement

2. Invite à supprimer lorsque vous cliquez sur le bouton Supprimer

3. Si l'utilisateur clique sur OK pour obtenir l'identifiant à supprimer

4. contenu du tableau

5. Mettre à jour les données

//删除评论 
 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('用户点击取消') 
  } 
 } 
 }) 
 },
Copier après la connexion

3. Cliquez pour partager

Cliquez sur le bouton de partage pour lier un bouton open-type ="share"Attributs

En définissant les attributs open-type="share", au composant bouton, l'événement Page.onShareAppMessage() peut être déclenché après que l'utilisateur a cliqué sur le bouton. Si cet événement n'est pas défini sur la page actuelle, il n'y aura aucun effet après avoir cliqué.

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

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez prêter attention à. le site PHP chinois !

Recommandations associées :

Mise en œuvre de notifications de messages glissantes dans les mini-programmes WeChat

Développement de mini-programmes WeChat avec un -cliquez sur connexion pour obtenir l'implémentation de session_key et openid

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal