一、创建share.js文件，内容如下：
export default {
data() {
return {
// 默认的全局分享内容
share: {
title: '助农销售农副产品的好平台',
path: '/pages/index/index', // 全局分享的路径，比如 首页
imageUrl: '/static/images/share.png', // 全局分享的图片(可本地可网络)
}
}
},
// 定义全局分享
// 1.发送给朋友
onShareAppMessage(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
//2.分享到朋友圈
onShareTimeline(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
}二、再main.js文件中引入全局share.js
import share from './utils/share';
Vue.mixin(share);提示：我的share.js文件放在units文件夹中
三、发行小程序-微信
在打开的小程序开发工具，点击小程序右上角”三个点“，发送给好友，效果如下：
1、原创文章，作者：诺米，如若转载，请注明出处：https://www.http3w.com/archives/720
2、本站内容若有雷同从属巧合，若侵犯了您的权益，请联系本站删除，E-mail: wtao219@qq.com
微信扫一扫 
支付宝扫一扫 相关推荐
-
uniapp设备屏幕高度适配
1、获取设备屏幕可用总高度 2、绑定计算属性 首先注意，不能绑定data属性，要绑定计算属性；scrollHeight代表多个变量计算后的最终结果，由computed监控。 com…
-
vue搭建基础与实用工具
目前多数互联网公司以Element框架 进行开发，该框架的组件能够满足大部分需求，所以诺米在此推荐大家使用。 基础工具与储备 Element官方网址：https://element…
-
npm ERR! code ERESOLVE
vue安装命令, npm install时报错： D:\workspace\IM\websocket-master>npm installnpm ERR! code ERES…
-
前后端分离 nginx报405错误 方法不被允许 (Method not allowed)
背景： 前端VUE+后端SpringBoot（后端生成war包，部署到tomcat中；前端通过Nginx配置） 解决：
-
uniapp隐藏头部并自定义返回按钮
我在编写一个小程序分享页面的时候，需要将背景图铺满整改手机屏幕，因此，需要隐藏掉头部区域，在通过官方示例隐藏成功之后，发现返回上个页面的左边按钮没了，于是经过各种查询，发现个自定义…
-
vue程序打包 npm ERR! missing script: build
结果报错npm ERR! missing script: build，后来发现package.json中scripts参数为“scripts”: {R…
-
el-table表格超出部分显示省略号，去掉鼠标悬浮显示
1.el-table是有这个控制属性的：:show-overflow-tooltip=“true” 2.如果需要去掉鼠标悬浮显示的全部内容可以设置样式，因此需要修改一下。注意：如果…
-
npm install 时报错 Cannot read properties of null (reading ‘pickAlgorithm‘)
问题背景nodejs 执行 npm install 时报错 “Cannot read properties of null (reading ‘pickAlgorithm‘)” 解…