微信小程序点击分享功能

最新推荐文章于 2024-07-17 18:05:15 发布

学习君ZXB

最新推荐文章于 2024-07-17 18:05:15 发布

阅读量2.1w

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/darkZXB/article/details/79558731

版权

微信小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了一个小程序中实现自定义分享功能的方法。通过使用微信小程序提供的API，可以在页面中加入一个分享按钮，当用户点击该按钮时，会弹出分享面板让用户选择分享给好友或朋友圈。代码示例展示了如何设置分享的标题、路径以及成功或失败后的回调函数。

摘要由CSDN通过智能技术生成

[html部分]

 
  < 
  view 
    
  class 
  = 
  "usermotto carDesc carDesc1"> 
 
  <!-- <button class="user-motto share">{{motto}}</button> --> 
 
  < 
  button 
    
  class 
  = 
  'share user-motto' 
    
  id 
  = 
  "shareBtn" 
    
  open-type 
  = 
  "share" 
    
  hover-class 
  = 
  "other-button-hover"> 
    
   {{motto}} 
 
  </ 
  button 
  > 
 
  </ 
  view 
  >

[js部分]

pages({

 
   data: { 
 
   tempFilePaths:  
  '' 
  , 
 
   motto:  
  '分享给朋友' 
  , 
 
   userInfo: {}, 
 
   hasUserInfo:  
  false 
  , 
 
   canIUse: wx.canIUse( 
  'button.open-type.getUserInfo' 
  ) 
 
   }, 
 
  //分享按钮函数 
 
   onShareAppMessage:  
  function 
   (ops) { 
 
  if 
   (ops.from ===  
  'button' 
  ) { 
 
  // 来自页面内转发按钮 
 
   console.log(ops.target) 
 
   } 
 
  return 
   { 
 
   title:  
  'XXX小程序' 
  , 
 
   path:  
  'pages/index/index' 
  , 
 
   success:  
  function 
   (res) { 
 
  // 转发成功 
 
   console.log( 
  "转发成功:" 
   + JSON.stringify(res)); 
 
   }, 
 
   fail:  
  function 
   (res) { 
 
  // 转发失败 
 
   console.log( 
  "转发失败:" 
   + JSON.stringify(res)); 
 
   } 
 
   } 
 
   },