现在utils下创建一个share.js文件,然后将下面代码粘过去根据自己情况进行修改

全局分享:

// share.js
export default {
	data() {
		return {
			share: {
				title: '标题',
				path: '', // 要分享的页面路径
				imageUrl: '', // 图片
			}
		}
	},
	// 分享给朋友
	onShareAppMessage(res) {
		return {
			title: this.share.title,
			path: this.share.path,
			imageUrl: this.share.imageUrl,
		}
	},
	// 分享到朋友圈
	onShareTimeline(res) {
		return {
			title: this.share.title,
			path: this.share.path,
			imageUrl: this.share.imageUrl,
		}
	},
}

// main.js
import share from './utils/share.js'	// 导入并挂载全局的分享方法
Vue.mixin(share)

单页面分享:

export default{
    // 分享到微信好友
    onShareAppMessage() {
      return {
        title: '标题',
        path: '',
        imageUrl: '图片',
      }
    },
    // 分享到朋友圈
    onShareTimeline() {
      return {
        title: '标题',
        path: '',
        imageUrl: '图片',
      }
    }
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐