美文网首页
vue pc网页版分享至qq空间,新浪微博,微信朋友圈及微信好友

vue pc网页版分享至qq空间,新浪微博,微信朋友圈及微信好友

作者: 吴小冷 | 来源:发表于2020-04-13 11:17 被阅读0次

    分享到qq空间及好友
    QQ空间分享

    let urlData = "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息"
    window.open(urlData, '_blank')
    

    QQ好友分享

    //传递的参数
    var parameter = "url=' + encodeURIComponent('http://'+location.host+'/student.html#/workshop?id=1)+'&sharesource=qzone&title='+'标题'+'&pics='+'图片'+'&summary='+ '简介'+'&desc=' + ''"
    //地址拼接参数
    var urlData = 'http://connect.qq.com/widget/shareqq/index.html?+parameter'
    window.open(urlData, '_blank')
    //获取网址用encodeURIComponent(document.location)或者encodeURIComponent(location.host)具体看需求
    

    分享到新浪微博

    let urlData = "http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key
    "
    window.open(urlData, '_blank')
    

    分享到微信

    //首先需要安装微信的js-sdk,这里我安装的是1.4.0版本,之后在需要使用的地方引入就可以了(这里的引入方式是采用下面的这种方式)
    //npm i weixin-js-sdk --save
    const wx = require(‘weixin-js-sdk’);
    //这里微信分享的逻辑是弹出一个二维码,扫描二维码进入网页
    //右上角会有一个微信的菜单,打开之后会有分享,我们只需要配置好一些参数,及分享的内容标题等
    //具体参考上面分享功能
    

    相关文章

      网友评论

          本文标题:vue pc网页版分享至qq空间,新浪微博,微信朋友圈及微信好友

          本文链接:https://www.haomeiwen.com/subject/jyxgmhtx.html