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

server/2025/1/18 11:51:55/

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

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

其中:

title:分享时显示的标题

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

imageUrl:分享时显示的图片

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混入。

import share from "./api/share.js";
Vue.mixin(share);


http://www.ppmy.cn/server/159346.html

相关文章

ctfshow复现2024ciscn第一场web

2024ciscn第一场 本章内容均在ctfshow复现 图片若显示失败请参考我的blog👇 ddl08.github.io sanic python污染 源码 from sanic import Sanic from sanic.response import text, html from sanic_session import Session import pydash # pydash5.1.2 ​ ​…

HBase的安装和配置

一、实验目的 1. 理解HBase的基本架构和工作原理。 2. 掌握HBase的安装和配置流程。 3. 学习如何将HBase从单机模式配置为伪分布式模式。 二、实验环境准备 1. JAVA环境准备:确保Java Development Kit (JDK) 已安装并配置好环境变量。 2. Hado…

探秘Node.js模块Modules:从入门到精通

文章目录 一、引言二、Node.js 模块初相识2.1 模块的概念与意义2.2 模块的类型 三、Node.js 模块的使用方法3.1 核心模块的调用3.2 文件模块的创建与运用3.2.1 创建自定义模块3.2.2 引入自定义模块 3.3 ES Modules 的运用3.3.1 启用 ES Modules3.3.2 导入导出规则 四、node_mod…

树形动态规划

树是一种特殊的图&#xff0c;一般用链式前向星存储。 456不打acm遇不到&#xff0c;先不加以说明 做题步骤&#xff1a; 洛谷P1352 #include<iostream> #include<vector> using namespace std; #define maxn 6005 int n, l, k; int r[maxn]; bool v[maxn];//找父…

Flutter ListView进阶:如何实现根据索引值滚动到列表特定位置

在Flutter开发中&#xff0c;ListView是一个非常常用的组件&#xff0c;它允许我们展示一系列的项目。然而&#xff0c;有时候我们需要根据特定的索引值滚动到ListView中的某个项目位置&#xff0c;以便提供更好的用户体验。本文将详细介绍如何在Flutter中实现这一功能。 一、…

TikTok专线服务器助力品牌营销新高度

在这个信息爆炸的时代&#xff0c;短视频平台如雨后春笋般涌现&#xff0c;TikTok便是其中的佼佼者。众多品牌纷纷涌入这个平台&#xff0c;试图借助其强大的用户基础和传播能力来提升知名度。而在这其中&#xff0c;IPIPGO直播专线的出现&#xff0c;为品牌在TikTok上的营销提…

leetcode刷题记录(六十一)——73. 矩阵置零

&#xff08;一&#xff09;问题描述 73. 矩阵置零 - 力扣&#xff08;LeetCode&#xff09;73. 矩阵置零 - 给定一个 m x n 的矩阵&#xff0c;如果一个元素为 0 &#xff0c;则将其所在行和列的所有元素都设为 0 。请使用 原地 [http://baike.baidu.com/item/%E5%8E%9F%E5%9…

C++通透讲解设计模式:依赖倒转(1)

依赖倒转 这是我认为的SOLID里面最重要的一个原则&#xff0c;当你掌握这种设计方式之后&#xff0c;会让别人在调用你的代码时爽很多。 在C20设计模式这本书中&#xff0c;依赖倒转写的很抽象。我这里将他的概念列出&#xff1a; 高层模块不应该依赖底层模块&#xff0c;它…