首先找到需要修改的文件,文件路径为:uni-app\src\pages\index\indes.vue
首先从接口获取到后台配置的分享标题和图片
引入
import { getShare } from '@/api/public.js';
在data中定义一个分享属性,如下
data() { return { styleConfig: [], tempArr: [], goodType: 3, loading: false, loadend: false, loadTitle: '下拉加载更多', //提示语 page: 1, limit: this.$config.LIMIT, iSshowH: false, numConfig: 0, code:'', isCouponShow:false, couponObj:{}, shareInfo:{},//分享数据,分享数据,分享数据存放
然后在onLoad中调用分享接口获取分享内容
onLoad(options) {
最后添加下面内容的代码就配置号首页分享了
onShareAppMessage () { return { title: this.shareInfo.title, path: '/pages/index/index', imageUrl: that.storeInfo.img, }; },
请注意onShareAppMessage方法和onLoad是平级函数