uniapp小程序开发,配置开启小程序右上角三点的分享功能

直接全局配置一个分享的功能,要不然需要一个一个页面去单独配置就太麻烦了!!!

1.新建一个share.js文件,并配置代码,调用onShareMessage()和onShareTimeline()两个函数。

其中:

title:分享时显示的标题

path/query:分享链接后所进入的页面是哪个?配置路径(不要带后缀.vue/.nvue)

imageUrl:分享时显示的图片

javascript 复制代码
export default {
  data() {
    return {};
  },
  //1.配置发送给朋友
  onShareAppMessage() {
    return {
      title: "百村**,*****",
      path: "pages/login/index", //分享链接之后进入的页面路径
      imageUrl: "/static/images/logoPage.png", //分享发送的链接图片地址
    };
  },
  //2.配置分享到朋友圈
  onShareTimeline() {
    return {
      title: "百村**,*****",
      query: "pages/login/index", //分享链接之后进入的页面路径
      imageUrl: "/static/images/logoPage.png", //分享发送的链接图片地址
    };
  },
};

2.在main.js中使用mixin混入。

javascript 复制代码
import share from "./api/share.js";
Vue.mixin(share);
相关推荐
计算机魔术师16 分钟前
AI开源社区迎来最大并购案:Hugging Face以129亿美元估值入局英伟达
前端
mayaairi20 分钟前
JS DOM与事件处理完全指南
服务器·前端·javascript
恋猫de小郭32 分钟前
Firebase 如何让全球 Android 和 Flutter 开发者集体 Build Fail
android·前端·flutter
墨白曦煜33 分钟前
智能体架构范式总结(React、Plan-And-Solve、Reflection)
前端·react.js·前端框架
qq_4260039636 分钟前
多语言新增语种全量测试策略的测试范围
前端·javascript·python·自动化
frjc1 小时前
Node.js 与 npm 极简安装教程
前端·npm·node.js
IMPYLH1 小时前
HTML 的 <main> 元素
前端·html
深念Y1 小时前
微服务抽取路线图:从胖单体到 ARM 集群
前端·arm开发·数据库·后端·微服务·云原生·架构
雪芽蓝域zzs1 小时前
Vue3 + Vite本地模拟数据(读取 JSON 数据)
前端
亿元程序员1 小时前
还有高手?用Shader让图片中的3D圆环转起来!
前端