开发微信小程序时,发现【发送给好友】、【分享到朋友圈】、【复制链接】功能呈灰色,无法使用。
很常见的功能,但是一旦你的项目构建完成,这些功能就不再可用。
1.【发送给好友】使用此方法
如果你的小程序发现它的【转发给朋友】按钮是灰色的,无法点击,说明这个小程序还没有写这部分代码。
2.如何使用【分享到朋友圈】
该方法有一个缺陷,即每个页面必须单独写入。
3.【复制链接】注意,该功能不需要开发者手动编写方法。 如果【转发给好友】功能呈灰色且不可用,则【复制链接】也将不可用。 简而言之,如果您想复制链接,请先激活【转发给好友】。
开发过小程序的朋友应该都遇到过这样的情况。 许多页面可能具有相同的功能。 例如,有没有最佳实践以及如何处理?
实现全球微信小程序【发送给好友】、【分享到朋友圈】、【复制链接】
主要使用Vue.js的全局
1.创建全局共享的js文件。 示例文件路径为:.//.js,该文件中定义了全局共享的内容:
export default { data() { return {} }, //1.发送给朋友 onShareAppMessage() {}, //2.分享到朋友圈 onShareTimeline() {}, }
2、在项目的main.js文件中引入.js文件,并使用Vue.()方法全局混合:
// 导入并挂载全局的分享方法 import share from './utils/share.js' Vue.mixin(share)
3、如果需要自定义特定页面的共享内容,仍然可以使用该页面的()和()方法来自定义共享内容。 全局共享将被页面上定义的共享内容覆盖。
注:()和()方法与、和其他方法处于同一级别。