vue分享给QQ好友,QQ空间,微博
<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空间,微博相关推荐
- 前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈
前端Vue分享菜单按钮弹框.微博分享.QQ分享.微信好友.朋友圈 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13085 效 ...
- QQ小程序解决方法:您的小程序分享功能缺失,为了方便用户分享传播,小程序主要页面请设置showShareItems参数属性为null或4个,这样用户可以将小程序直接转发给QQ好友、空间、微信和朋友圈
提交QQ小程序,审核的时候,可能会被腾讯以如下理由拒绝审核: 您好,您的小程序分享功能缺失,为了方便用户分享传播,小程序主要页面请设置showShareItems参数属性为null或4个,这样用户可以 ...
- web端网页qq好友 qq空间 微信 微博分享
1.分享给qq好友 window.open("http://connect.qq.com/widget/shareqq/index.html?url=" +encodeURICom ...
- 网站pc端分享QQ好友,空间,微博
在开发pc端网站的过程中,涉及到邀请好友的功能,之前单纯的复制粘贴已经无法满足用户的体验.故,仿照移动端添加自动分享到QQ好友,QQ空间,QQ微博的功能. 分享到QQ好友:http://connect ...
- 计算机桌面文件如何发送给qq好友,QQ怎么与好友分享屏幕 如何共享电脑屏幕给好友...
手机QQ有屏幕共享吗? 如果有 怎么共享呢 手机qq现在还有共享屏幕的功能对不起现在只有电脑版的才能共享屏幕 手机qq中的分享屏幕怎么用 还在为好友寻求帮助而烦恼吗?来试试屏幕分享吧,它可以让你的好友 ...
- 邀请QQ好友-QQ联系人导入
项目中有个需求,要求能够导入MSN及QQ联系人.MSN的好说,有开源的jmsn及其它众多开源组件.可是QQ仍然是我行我素,至今也不开放API.虽然网上查到有lumaqq这样的开源 协议,可我Down下 ...
- 友盟QQ好友或者空间分享成功,但回调失败或取消
2019独角兽企业重金招聘Python工程师标准>>> 出现这种情况的原因是代码中配置的QQ的AppID和Manifest中配置的不一致,如图,后面这串数字就是在腾讯开放平台申请的A ...
- 如何控制QQ好友访问空间?
首先进入QQ空间,然后单击"个人中心",再单击左侧的"空间设置",就可以看到好友访问控制菜单了.
- 用sharesdk第三方等陆或分享到QQ空间,qq好友,微信,朋友圈,新浪微博,腾讯微博等
公司最近不景气,辞职后的日子刚开始还挺嗨皮,过两天闲的蛋都碎了,都四月份了,还是领到毕业证在找吧...... 不扯淡了,项目中经常有第三方等陆或者分享的功能,以下是我用sharesdk实现的步骤.. ...
- HTML分享内容到QQ,微信,微博等平台,百度分享插件的相关参数
百度分享插件的相关参数 一.概述 百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法 二.代码结构 分享代码可以分为三个部分:HTML.设置和js加载,示例如下: 代码结构如下: < ...
最新文章
- au加载默认的输入和输出设备失败_Mac OS X的音频输入输出时如何调整音量
- centos7下ip转发的配置
- JVM调优:对象进入老年代的两个条件
- hdu1808-Halloween treats(抽屉原理)
- 【Flink】Flink 与数据库的集成最佳实践 【视频笔记】
- python包之间引用_python 子包引用父包和其他子包
- 【NOIP2004】【Luogu1090】合并果子
- python机器学习库sklearn——生成样本数据
- python之socket网络编程
- vpa函数python_Biopython序列比对
- 图扑软件数字孪生民航飞联网,构建智慧民航新业态
- 计算机网络管理(第二版)自学教程
- 分子动力学(一)-定义与理解
- TestCenter测试管理工具安装和卸载(B)
- linux识别硬盘时显示gpt,Ubuntu不识别GPT硬盘已有系统的解决方案
- 揭秘组件库一二事(上)
- VS Code刷力扣LeetCode方法
- html调整垂直居中,html元素垂直居中的几种方法
- Arcgis影像合并
- 基于Springboot的高校食堂管理系统
热门文章
- ABBYY最新OCR文字识别软件 ,需激活码序列号密钥安装下载
- 浅谈form标签与table标签
- 无源贴片晶振四角引脚_晶振厂家告诉你贴片晶振的脚位方向如何区分 - 中山惠源晶工...
- (转)CSS实现一个会旋转的太极图案
- 基于turtle库用python画太极图案
- 5V转1.8V稳压芯片,3.7V转1.8V稳压芯片
- (转)文件名后缀大全
- 5-2 jmu-java-m05-自定义Judgeable接口 (10分)
- 抖音姓名测试软件,抖音名字大全霸气
- 网络骇客入门之UDP编程