Taro+Vue3,点击按钮把另一个页面分享出去

useShareAppMessage

监听用户点击页面内转发按钮(Button 组件 openType='share')或右上角菜单"转发"按钮的行为,并自定义转发内容。等同于 onShareAppMessage 页面生命周期钩子。

使用时,必须为页面配置 enableShareAppMessage: true。(修改配置文件后请重新编译项目)

复制代码
button属性open-type="share"

useShareAppMessage((res) => {
  console.log(res)
  if (res.from === 'button') {
    // 来自页面内转发按钮
    console.log(res.target)
  }
  return {
    title: '请收下我的名片',
    path: `pages/other/fa/index?id=${user.id}`
  }
})

被分享的页面

复制代码
import { useDidShow, getCurrentInstance } from '@tarojs/taro'
const instance = getCurrentInstance();

useDidShow(() => {
    // 通过页面实例获取ID
    id.value = instance.router?.params?.id;
    console.log('获取到的ID:', id.value);
    // 进一步处理获取到的ID
    const params: any = {
        id: id.value
    };
    net.selectMember(params).then((res: any) => {
        //res 为返回数据
        console.log(res.list[0]);
        users.name = res.list[0].name
        users.position = res.list[0].cardPosition
        users.phone = res.list[0].cardPhone
        users.email = res.list[0].cardEmail
        users.slogan = res.list[0].cardSlogan
        users.wechat = res.list[0].cardWechat
    }, (err: any) => {
        //err为错误信息,请按提示修改
        console.log(err);
    });
});
相关推荐
简离9 分钟前
Git 一次性清理已跟踪但应忽略文件
前端·git
清水寺小和尚9 分钟前
# 告别魔法:带你彻底搞透 Agent Loop、Skills、Teams 与 MCP 协议
前端
小蜜蜂dry14 分钟前
nestjs学习 - 管道(pipe)
前端·nestjs
进击的尘埃14 分钟前
LangGraph.js 核心机制拆解:从状态管理到完整数据分析 Agent 实战
javascript
梦鱼17 分钟前
🖥️ 告别 Electron 托盘图标模糊:一套精准的 PNG 生成方案
前端·electron
进击的尘埃17 分钟前
Cursor Rules 配置指南:提示词工程与多模型切换
javascript
张元清18 分钟前
React Hooks 性能优化:如何避免不必要的重新渲染
前端·javascript·面试
不甜情歌23 分钟前
JavaScript this绑定规则:告别踩坑指南!
前端·javascript
小J听不清29 分钟前
CSS 三种引入方式全解析:行内 / 内部 / 外部样式表(附优先级规则)
前端·javascript·css·html·css3
一步一个脚印一个坑42 分钟前
用 APM 全链路追踪,29ms 内定位到 Docker 部署的 SSL 配置错误
javascript·后端·监控