<script setup lang="ts">
//分享到QQ好友(PC端可用)
//自定义内容
const share = {title: '分享测试',desc: '测试描述',image_url: ['https://pic3.zhimg.com/80/v2-ab0718575cc9337b24bfc7578f5e6d32_720w.jpg',],share_url: 'https://xiucai.neafex.com/#/',
}
function shareToQQ() {//此处分享链接内无法携带图片window.open('https://connect.qq.com/widget/shareqq/index.html?url=' +encodeURIComponent(share.share_url) +'&title=' +share.title +'&desc=' +share.desc)
}
//分享到QQ空间(可用)
function shareToRoom() {let image_urls = share.image_url.map(function (image) {return encodeURIComponent(image)})//跳转地址window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' +encodeURIComponent(share.share_url) +'&title=' +share.title +'&pics=' +image_urls.join('|') +'&summary=' +share.desc)
}
//分享到微博(可用)
function shareToMicroblog() {//跳转地址window.open('https://service.weibo.com/share/share.php?url=' +encodeURIComponent(share.share_url) +'&title=' +share.title +'&pic=' +share.image_url +'&searchPic=true')
}
</script><template><p>欢迎使用</p><div style="margin-top: 100px"><button @click="shareToQQ()">分享到QQ</button><button @click="shareToRoom()">分享到QQ空间</button><button @click="shareToMicroblog()">分享到微博</button></div>
</template>

vue分享给QQ好友,QQ空间,微博相关推荐

  1. 前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈

    前端Vue分享菜单按钮弹框.微博分享.QQ分享.微信好友.朋友圈 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13085 效 ...

  2. QQ小程序解决方法:您的小程序分享功能缺失,为了方便用户分享传播,小程序主要页面请设置showShareItems参数属性为null或4个,这样用户可以将小程序直接转发给QQ好友、空间、微信和朋友圈

    提交QQ小程序,审核的时候,可能会被腾讯以如下理由拒绝审核: 您好,您的小程序分享功能缺失,为了方便用户分享传播,小程序主要页面请设置showShareItems参数属性为null或4个,这样用户可以 ...

  3. web端网页qq好友 qq空间 微信 微博分享

    1.分享给qq好友 window.open("http://connect.qq.com/widget/shareqq/index.html?url=" +encodeURICom ...

  4. 网站pc端分享QQ好友,空间,微博

    在开发pc端网站的过程中,涉及到邀请好友的功能,之前单纯的复制粘贴已经无法满足用户的体验.故,仿照移动端添加自动分享到QQ好友,QQ空间,QQ微博的功能. 分享到QQ好友:http://connect ...

  5. 计算机桌面文件如何发送给qq好友,QQ怎么与好友分享屏幕 如何共享电脑屏幕给好友...

    手机QQ有屏幕共享吗? 如果有 怎么共享呢 手机qq现在还有共享屏幕的功能对不起现在只有电脑版的才能共享屏幕 手机qq中的分享屏幕怎么用 还在为好友寻求帮助而烦恼吗?来试试屏幕分享吧,它可以让你的好友 ...

  6. 邀请QQ好友-QQ联系人导入

    项目中有个需求,要求能够导入MSN及QQ联系人.MSN的好说,有开源的jmsn及其它众多开源组件.可是QQ仍然是我行我素,至今也不开放API.虽然网上查到有lumaqq这样的开源 协议,可我Down下 ...

  7. 友盟QQ好友或者空间分享成功,但回调失败或取消

    2019独角兽企业重金招聘Python工程师标准>>> 出现这种情况的原因是代码中配置的QQ的AppID和Manifest中配置的不一致,如图,后面这串数字就是在腾讯开放平台申请的A ...

  8. 如何控制QQ好友访问空间?

    首先进入QQ空间,然后单击"个人中心",再单击左侧的"空间设置",就可以看到好友访问控制菜单了.

  9. 用sharesdk第三方等陆或分享到QQ空间,qq好友,微信,朋友圈,新浪微博,腾讯微博等

    公司最近不景气,辞职后的日子刚开始还挺嗨皮,过两天闲的蛋都碎了,都四月份了,还是领到毕业证在找吧...... 不扯淡了,项目中经常有第三方等陆或者分享的功能,以下是我用sharesdk实现的步骤.. ...

  10. HTML分享内容到QQ,微信,微博等平台,百度分享插件的相关参数

    百度分享插件的相关参数 一.概述 百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法 二.代码结构 分享代码可以分为三个部分:HTML.设置和js加载,示例如下: 代码结构如下: < ...

最新文章

  1. au加载默认的输入和输出设备失败_Mac OS X的音频输入输出时如何调整音量
  2. centos7下ip转发的配置
  3. JVM调优:对象进入老年代的两个条件
  4. hdu1808-Halloween treats(抽屉原理)
  5. 【Flink】Flink 与数据库的集成最佳实践 【视频笔记】
  6. python包之间引用_python 子包引用父包和其他子包
  7. 【NOIP2004】【Luogu1090】合并果子
  8. python机器学习库sklearn——生成样本数据
  9. python之socket网络编程
  10. vpa函数python_Biopython序列比对
  11. 图扑软件数字孪生民航飞联网,构建智慧民航新业态
  12. 计算机网络管理(第二版)自学教程
  13. 分子动力学(一)-定义与理解
  14. TestCenter测试管理工具安装和卸载(B)
  15. linux识别硬盘时显示gpt,Ubuntu不识别GPT硬盘已有系统的解决方案
  16. 揭秘组件库一二事(上)
  17. VS Code刷力扣LeetCode方法
  18. html调整垂直居中,html元素垂直居中的几种方法
  19. Arcgis影像合并
  20. 基于Springboot的高校食堂管理系统

热门文章

  1. ABBYY最新OCR文字识别软件 ,需激活码序列号密钥安装下载
  2. 浅谈form标签与table标签
  3. 无源贴片晶振四角引脚_晶振厂家告诉你贴片晶振的脚位方向如何区分 - 中山惠源晶工...
  4. (转)CSS实现一个会旋转的太极图案
  5. 基于turtle库用python画太极图案
  6. 5V转1.8V稳压芯片,3.7V转1.8V稳压芯片
  7. (转)文件名后缀大全
  8. 5-2 jmu-java-m05-自定义Judgeable接口 (10分)
  9. 抖音姓名测试软件,抖音名字大全霸气
  10. 网络骇客入门之UDP编程