移动端vue使用NativeShare.js实现分享功能

使用浏览器的分享功能,兼容性较好

实现效果:

 代码:

import NativeShare from "nativeshare";

toShare() {
      var nativeShare = new NativeShare({
        syncDescToTag: false,
        syncIconToTag: false,
        syncTitleToTag: false,
      });

      // 设置分享文案
      nativeShare.setShareData({
        link: this.config.value,
        title: this.$t("vcard.mine.Account"),
      });

      try {
        nativeShare.call();
      } catch (err) {
        // 如果不支持,你可以在这里做降级处理
        console.log(err);
        this.$toast(this.$t("vcard.mypage.nativeShare"));
      }
    },

详情可以参考:GitHub - fa-ge/NativeShare: NativeShare是一个整合了各大移动端浏览器调用原生分享的插件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

async.1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值