评论

【手把手喂饭】uniapp 小程序端 vue3 setup统一的share信息设置

用了一圈又回来用uniapp了 还是这个爽

1、建立 share.js 代码如下,用于统一设置分享参数:

import { onShareAppMessage,onShareTimeline } from '@dcloudio/uni-app';

const onShare = () => {
	onShareAppMessage(() => {
		return {
			title:'123',
			path:'/pages/loading/loading'
		}
	})
	
	onShareTimeline(() => {
		return {
			title:'456',
			path:'/pages/loading/loading'
		}
	});
	
	return {onShareAppMessage,onShareTimeline}
}


export default onShare;


2、页面引用:

import onShare from '@/utils/share.js';

const {onShareAppMessage,onShareTimeline} = onShare()


就有效果啦~

最后一次编辑于  2023-02-13  
点赞 3
收藏
评论

1 个评论

  • 不知谓
    不知谓
    2023-02-13
    // vue3 main.js
    import { createApp } from 'vue'
    import App from './App.vue'
    
    const app = createApp(App)
    
    app.mixin({
      onShareAppMessage(){
        // ...
      },
      onShareTimeline(){
        // ...
      }
    })
    
    2023-02-13
    赞同
    回复 2
    • 那只知更鸟
      那只知更鸟
      2023-02-18
      嗯 没用 mixin 一个是因为vue3 写了不推荐。其次,传参即可不用复写方法。
      2023-02-18
      回复
    • 逸
      2023-06-10
      你好 我看这种吗每个页面都需要引入怎么全局设置呢
      2023-06-10
      回复
登录 后发表内容