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);
相关推荐
Setsuna_F_Seiei3 小时前
前端转型 Agent 开发 06 之 Agent Memory 记忆系统(让 Agent 更智能,更懂你)
前端·agent·ai编程
zhangzeyuaaa3 小时前
Ruby 多线程、GVL(GIL)与 Mutex 完全指南
开发语言·前端·ruby
默_笙4 小时前
🌊 向量库和 ES 都查不出"关系",我只好给奶茶建了一张人脉网
前端·javascript
优选资讯4 小时前
标签打印软件怎么对接 Excel 数据
前端·excel
一个风轻云淡5 小时前
GCC 和 GDB命令简单解读
java·linux·前端
u0111026756 小时前
图片处理接口如何统一错误信息 前端提示与后端错误码设计
前端·状态模式
福兮说6 小时前
浏览器里把 iPhone 的 HEIC 转成 JPG:Chrome 解不开、转完大了七成、拍摄时间全丢,六个坑实测
前端·javascript·图像处理·chrome·ios·iphone·heic
libokaifa6 小时前
把语音模型塞进手机:sherpa-onnx 在 Android 上的 ASR / TTS
前端
deli0077 小时前
DLA 枝晶生长实测:5000 个粒子集体停摆之后,分形维数收敛到 1.70
前端
IT_陈寒7 小时前
Redis卡顿的锅,这次真不是大key的错
前端·人工智能·后端