当前位置: 首页 > news >正文

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(() => {// 通过页面实例获取IDid.value = instance.router?.params?.id;console.log('获取到的ID:', id.value);// 进一步处理获取到的IDconst params: any = {id: id.value};net.selectMember(params).then((res: any) => {//res 为返回数据console.log(res.list[0]);users.name = res.list[0].nameusers.position = res.list[0].cardPositionusers.phone = res.list[0].cardPhoneusers.email = res.list[0].cardEmailusers.slogan = res.list[0].cardSloganusers.wechat = res.list[0].cardWechat}, (err: any) => {//err为错误信息,请按提示修改console.log(err);});
});

http://www.lryc.cn/news/120646.html

相关文章:

  • CSS基础:学习CSS样式的基本语法和应用,了解如何美化网页。
  • MySQL语句总和之表数据操作(增删改查)
  • HDFS中snapshot快照机制
  • YOLOv5基础知识入门(5)— 损失函数(IoU、GIoU、DIoU、CIoU和EIoU)
  • Centos7源码安装redis
  • [静态时序分析简明教程(九)]多周期路径set_multicycle_path
  • Unity学习笔记--使用 C# 开发一个 LRU
  • 【一】初步认识数据库
  • HTML <section> 标签
  • PHP 之房贷计算器、组合贷
  • 解决Vue+Element UI使用表单rules国际化时From表单验证信息不能实时更新
  • 友善之臂NanoPi NEO利用fbtft驱动点亮1.69寸ST7789V2屏幕
  • MFC第三十天 通过CToolBar类开发文字工具栏和工具箱、GDI+边框填充以及基本图形的绘制方法、图形绘制过程的反色线模型和实色模型
  • Android Https
  • Games101学习笔记2
  • java字符串String类的常用方法
  • 自动化测试如何解决chrome自动更新问题
  • 闲鱼卖货:新手容易踩坑的7个地方。赶紧看看有没有中招?
  • PowerShell 获取某目录下所有的文件、文件夹,同时对获取到的文件路径字符串进行替换处理
  • JUC并发编程之线程锁(一)
  • Android AlertDialog标题居中
  • k8s界面化平台dashboard、kubesphere、Rancher对比
  • 【字符串左旋】
  • Docker Dirtypipe(CVE-2022-0847)漏洞复现与分析容器逃逸
  • python接口自动化测试框架2.0,让你像Postman一样编写测试用例,支持多环境切换、多业务依赖、数据库断言等
  • Vue.js2+Cesium1.103.0 九、淹没分析效果
  • SpringBoot案例-部门管理-新增
  • 微信小程序中背景图片如何占满整个屏幕,拉伸
  • Java并发编程(四)线程同步 中 [AQS/Lock]
  • PyTorch深度学习环境安装(Anaconda、CUDA、cuDNN)及关联PyCharm