美文网首页
wep端分享插件

wep端分享插件

作者: 給我小鱼干 | 来源:发表于2018-10-25 09:57 被阅读0次

    一个很棒的插件 可以实现移动端浏览器唤醒微信、qq分享功能

    NativeShare 可以直接npm

    import NativeShare from 'nativeshare'
    var nativeShare = new NativeShare()
    

    在methods中

    methods: {
        call(command) {
            try {
                nativeShare.call(command)
            } catch (err) {
                // 如果不支持,你可以在这里做降级处理
                alert(err.message)
            }
        },
    

    在created中

    created() {
      let shareData = {
          title: '我的作品,快来围观!',
          desc: '把故宫文化带回家',
           link: location.origin + '/palaceMuseum/share/?id='+work.worksId,
           icon: work.workstThumbnailUrl,//分享小图
           success: function() {
               this.shareShow = false
            },
            fail: function() {
                console.log("fail")
            }
            }
      nativeShare.setShareData(shareData)
    }
    

    相关文章

      网友评论

          本文标题:wep端分享插件

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