【报Bug】onShareAppMessage生命周期函数在vue3 hooks写法不生效

分类：uni-app

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型：正式

HBuilderX版本号： 4.07

第三方开发者工具版本号： 1.06

基础库版本号： 3.3.4

项目创建方式： HBuilderX

示例代码：

// hooks文件  
import { ref, onMounted } from 'vue'  
import { onLoad, onShareTimeline, onShareAppMessage } from '@dcloudio/uni-app'  

export default function useShare(query = {}) {  
  onShareTimeline(() => {  
    console.log('share onShareTimeline')  
    return query  
  })  
  onShareAppMessage(() => {  
    console.log('share onShareAppMessage')  
    return query  
  })  

  onMounted(() => {  
    console.log('share onMounted')  
  })  

  onLoad(() => {  
    console.log('share uni-app onLoad')  
  })  

  return {}  

  // const init = () => {  
  //   onShareTimeline(() => {  
  //     return query  
  //   })  
  //   onShareAppMessage(() => {  
  //     return query  
  //   })  
  // }  

  // return { init }  
}  

// 页面调用  

import useShare from '@/hooks/useShare.js'  
useShare ()

操作步骤：

写一段hooks技巧的语法，在vue3中，onLoad函数执行，但是onShareAppMessage，onShareTimeline无效

预期结果：

onShareAppMessage，onShareTimeline内部的方法应该正常执行

实际结果：

onShareAppMessage，onShareTimeline没有执行

bug描述：

onShareAppMessage 生命周期钩子在hooks写法无效，但是onLoad测试有效

2024-04-02 15:20 负责人:无分享

1 个回复

x***@126.com

你这么写。核心在于return的函数名字上。

export function useMpShare() {  
    function share(  
        options: {  
            title?: string  
            path?: NavPageName  
            imageUrl?: string  
        } = {}  
    ) {  
        onShareAppMessage(() => options)  
    }  

    function shareFried(  
        options: {  
            title?: string  
            path?: NavPageName  
            imageUrl?: string  
        } = {}  
    ) {  
        onShareTimeline(() => options)  
    }  

    return { onShareAppMessage: share, onShareTimeline: shareFried }  
}

在其他地方使用

const { onShareAppMessage, onShareTimeline } = useMpShare()  
onShareAppMessage({})  
const option = {}  
onShareTimeline(option)  

api.get(...).then(()=>option.title = 'new title')  
函数必须在根上（setup或与setup平级）调用，如果是有自定义option，option可以延迟赋值

要回复问题请先登录或注册

【报Bug】onShareAppMessage生命周期函数在vue3 hooks写法不生效

操作步骤：

写一段hooks技巧的语法，在vue3中，onLoad函数执行，但是onShareAppMessage，onShareTimeline无效

预期结果：

onShareAppMessage，onShareTimeline内部的方法应该正常执行

实际结果：

onShareAppMessage，onShareTimeline没有执行

bug描述：

1 个回复

公告

相关问题

【报Bug】onShareAppMessage生命周期函数在vue3 hooks写法不生效

操作步骤： 写一段hooks技巧的语法，在vue3中，onLoad函数执行，但是onShareAppMessage，onShareTimeline无效

预期结果： onShareAppMessage，onShareTimeline内部的方法应该正常执行

实际结果： onShareAppMessage，onShareTimeline没有执行

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

写一段hooks技巧的语法，在vue3中，onLoad函数执行，但是onShareAppMessage，onShareTimeline无效

预期结果：

onShareAppMessage，onShareTimeline内部的方法应该正常执行

实际结果：

onShareAppMessage，onShareTimeline没有执行