关于uniapp分享功能实现

创建一个混入

export default {data() {return {//设置默认的分享参数//如果页面不设置share,就触发这个默认的分享share: {title: '商会宝',//自定义标题path: `/pages/home/home?appId=${uni.getStorageSync("appid")}`,  //默认跳转首页imageUrl: '',  //可设置默认分享图,不设置默认截取头部5:4}}},onShareAppMessage(res) { //发送给朋友// let that = this;console.log(this.share)return {title: this.share.title,path: this.share.path,imageUrl: this.share.imageUrl,success(res) {console.log('success(res)==', res);uni.showToast({title: '分享成功'})},fail(res) {console.log('fail(res)==', res);uni.showToast({title: '分享失败',icon: 'none'})}}},onShareTimeline(res) { //分享到朋友圈//下面的代码是获取页面栈,自动分享,如果有自定义分享的话,可以单个页面设置// let that = this// 动态获取当前页面栈// let pages = getCurrentPages(); //获取所有页面栈实例列表// let nowPage = pages[pages.length - 1]; //当前页页面实例// // let prevPage = pages[pages.length - 2]; //上一页页面实例// that.share.path = `/${nowPage.route}`return {title: this.share.title,path: this.share.path,imageUrl: this.share.imageUrl,success(res) {console.log('success(res)==', res);uni.showToast({title: '分享成功'})},fail(res) {console.log('fail(res)==', res);uni.showToast({title: '分享失败',icon: 'none'})}}},
}

在main.js文件里面进入引入挂载

// 全局分享
// 小程序分享的封装
import share from "./utils/share.js"
Vue.mixin(share)

然后在每个页面使用this.share就可以获取混入的data,进行修改即可

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/4988.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Microsoft Outlook 共享收发邮件的权限给其他人

点击File 点击Account Settings→DelegateAccess 点击Add

[java安全]CommonsCollections1(LazyMap)

文章目录 【java安全】CommonsCollections1(LazyMap)前言LazyMap如何创建LazyMap对象?如何调用LazyMap的get()方法?如何触发AnnotationInvocationHandler#invoke()方法?POC总结参考 【java安全】CommonsCollections1(LazyMap) 前言 前面我们…

菜单 三级检索的实现,可配置搜索是否包含标题

const asideTreeDataOrigin [ //? 原始的侧边栏数据,不可修改 ]; let asideTreeData JSON.parse(JSON.stringify(asideTreeDataOrigin)); //? 动态的实时展示的侧边栏数据const menuCheck (val, menuItem) > menuItem.name.indexOf(val) > -1 || menuIte…

Hadoop: High Available

序言 在Hadoop 2.X以前的版本,NameNode面临单点故障风险(SPOF),也就是说,一旦NameNode节点挂了,整个集群就不可用了,而且需要借助辅助NameNode来手工干预重启集群,这将延长集群的停…

Python学习笔记-Windows下VirtualEnv+VSCode中虚拟环境配置

1 VirtualEnv简介 VirtualEnv是一个虚拟化环境,是独立开的开发环境,在一个文件夹中创建的独立虚拟环境,可以分隔开不同项目,开发互不影响。 优点如下: 使不同的应用开发环境独立,避免互相干扰环境升级不…

RxSwift 使用方式

背景 最近项目业务,所有模块已经支持Swift混编开发,正在逐步使用Swift 方式进行开发新业务,以及逐步替换老业务方式进行发展,所以使用一些较为成熟的Swift 的三方库,成为必要性,经过调研发现RxSwift 在使用…

lvs使用

1.前言 LVS(Linux Virtual Server)是一个基于 Linux 内核的负载均衡器,用于分发网络流量和将请求转发给后端服务器。LVS 提供了多种负载均衡算法和转发模式,以满足不同场景和需求的负载均衡需求,在LVS中定义虚拟服务的…

制作Visual Studio离线安装包

vs2015之后官网就不提供离线安装包了,使用离线安装包就需要自己手动制作一个; 以vs2019为例: 先去官网下载在线安装器 官网下载地址:Visual Studio 较旧的下载 - 2019、2017、2015 和以前的版本 (microsoft.com) 展开2019的标签…

#SQL常见错误信息表 mysql导入数据出错常见错误

mysql的出错代码表,根据mysql的头文件mysql/include/mysqld_error.h整理而成。错误之处,请大家指正。 1005:创建表失败 1006:创建数据库失败 1007:数据库已存在,创建数据库失败 1008:数据库不存…

【C语言】深剖数据在内存中的存储

👦个人主页:Weraphael ✍🏻作者简介:目前正在回炉重造C语言(2023暑假) ✈️专栏:【C语言航路】 🐋 希望大家多多支持,咱一起进步!😁 如果文章对你…

Qt面试题集合

Qt 中常用的五大模块是哪些? Qt 中常用的五大模块包括: QtCore:提供了 Qt 的核心功能,例如基本的非 GUI 类、线程和事件处理等。 QtGui:提供用户界面(UI)类,例如窗口部件、按钮、标…

免费热门的 OCR 识别类接口汇总

OCR 识别类 身份证识别OCR:传入身份证照片,识别照片文字信息并返回,包括姓名、身份证号码、性别、民族、出生年月日、地址、签发机关及有效期。 通用文字识别OCR:多场景、多语种、高精度的整图文字检测和识别服务,多…

MySQL—约束和分页(八)

1.NOT NULL约束 -- 1 NOT NULL 约束 -- 1.1 创建NOT NULL 约束 -- 1.1.2 为id添加非空约束,为name添加非空约束,并设置默认值 CREATE TABLE emp( id INT(10) NOT NULL, name VARCHAR(20) NOT NULL DEFAULT abc, sex CHAR NULL ); -- 1.2 增加NOT NULL 约…

初识react

初识react 第一步就给我出个问题版本太低 https://www.cnblogs.com/gslgb/p/16585233.html https://blog.csdn.net/xiangshiyufengzhong/article/details/124193898 第二个问题 便利生成dom 需要绑定key 不要总想着加冒号这不是vue 第三个问题 我p标签包裹 MapList组件 MapLis…

java代码实现二叉树的先序、中序、后序和层次遍历的递归和循环迭代方式

import java.util.ArrayDeque; import java.util.ArrayList; import java.util.Deque; import java.util.LinkedList; import java.util.List; import java.util.Queue; import java.util.Stack;public class InorderTraversal {// 先序遍历// 递归实现/** public static void …

C++并发多线程--临时对象的使用

1--传递临时对象作为线程参数 当使用 detach() 分离线程时,传递参数应注意以下问题: (1)传递 int 等简单类型参数时,建议使用值传递,而不使用引用传递,避免参数回收的问题(主线程首先…

Redis相关配置(3)

⭐ 作者简介:码上言 ⭐ 代表教程:Spring Boot vue-element 开发个人博客项目实战教程 ⭐专栏内容:个人博客系统 ⭐我的文档网站:http://xyhwh-nav.cn/ 文章目录 Redis相关配置1、units2、Include3、loadmodule 加载模块4、NET…

创意网页模板免费下载,让你的网站与众不同!

今天给大家带来的网站模板素材,网站类型丰富,包含户外旅行、餐饮、个人网站等等,可以学习和参考其中的布局排版和配色。 ⬇⬇⬇点击获取更多设计资源 https://js.design/community?categorydesign&sourcecsdn&planbbqcsdn772 1、设…

uniapp日期选择器在手机上不能选择日期问题

日期选择器之前是这样写的&#xff1a; <picker mode"date" :value"date" start"" end"" change"bindDateChange"> <view class"picker"> <text class"tishi2"&…

【1++的C++初阶】之vector

&#x1f44d;作者主页&#xff1a;进击的1 &#x1f929; 专栏链接&#xff1a;【1的C初阶】 文章目录 一&#xff0c;什么是vector?二&#xff0c;构造与析构三&#xff0c;vector迭代器的实现四&#xff0c;vector部分重要接口的实现 一&#xff0c;什么是vector? vector…