项目实现网页分享QQ空间功能

个人主页

Vue项目常用组件模板仓库

前言：

本篇博客主要提供“点击转发按钮，将本页面转发至QQ空间”源码，需要的朋友请自取

源码如下：

<template>
	<div>
		
			<button id="shareQQ" @click="shareNews()">转发到QQbutton>
	div>
template>

<script>
 export default {
	 data() {
		return {
			newsUrl:"https://baomidou.com/pages/24112f/",/* 准备转发的网址 */
			newsName:"我是转发标题名",/* 转发的标题名 */
		}
	},methods: {
		shareNews(){
			// this.newsUrl=window.location.href=url;//获取当前页面的地址，准备转发
			document.getElementById('shareQQ').addEventListener('click',()=>{
				var url="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+this.newsUrl+"&title="+this.newsName;
				//转发分享接口
				window.location.href=url;//进行网页跳转，到QQ转发界面
				
			});
		}
	},
}
script>