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

uniapp微信小程序按钮分享定制动态传参

打印 onShareAppMessage 中的传参(注意:上方我定义了一个open-type为share的按钮)

打印之后如下:

给按钮绑定  data-id  可以在这里的  dataset  中取到 

然后根据  from  的值来动态返回分享的参数

示例代码:

<template><view class="container"><view v-for="(item,index) in 2" :key="index" class="item flexRowCenterAll" @click="todo"><view class="left flexColumn"><text class="inf">报价单名称:工商报价单</text><text class="inf">客户:张三</text><text class="inf">创建时间:2024.05.02 13:02:05</text></view><view class="right flexColumnCenterAll"><text style="color: #0581FE;margin-bottom: 16rpx;">已同步客户</text><view class="flexRowCenterAll"><button class="shareBtn" :data-id="1" open-type="share" @click.stop><u-icon name="share-fill" color="#2979ff" size="28"></u-icon></button><u-icon name="list-dot" color="#2979ff" size="28" @click.stop="showMenu"></u-icon></view></view></view></view>
</template><script>export default{onShareAppMessage(res){console.log(res);if(res.from == 'button'){let id = res.target.dataset.idlet name = res.target.dataset.namereturn {path:'',title:``}}},methods:{showMenu(){uni.showActionSheet({itemList:['编辑报价单','同步至客户','删除']})},todo(){console.log('1111');}}}
</script><style lang="scss" scoped>.container{.item{padding: 16rpx;justify-content: space-between;background: white;border-bottom: 1rpx solid #efefef;font-size: 24rpx;.inf{margin-bottom: 16rpx;&:last-child{ margin-bottom: 0; }}.shareBtn{background: transparent;border: none;&::after{border: none;}}}}
</style>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • git回退未commit、回退已commit、回退已push、合并某一次commit到另一个分支
  • 下载安装docker并解决拉去镜像的connect:connection refused问题(2024.7.31亲测有效)
  • 【Linux】文件描述符 fd
  • uniapp手写滚动选择器
  • 开机WiFi没了只能宽带,连声音都有问题,服务里系统还原等一堆错误无法调试!——DHCP服务器常见的故障影响这么大?
  • Go 语言中如何使用指针
  • ABAP+json格式数据转换时参数为空没传值
  • Python 3.12新功能(1)
  • 【北京迅为】《i.MX8MM嵌入式Linux开发指南》-第四篇 嵌入式Linux系统移植篇-第七十三章内核添加网卡驱动
  • 布隆过滤器
  • 组蛋白乳酸化和RNA甲基化如何联动?请大数据把这个思路推给科研人
  • 五粮液提价获渠道积极反馈:增强信心、促进动销、利好产业
  • 医疗器械产品没有互联网连接,就不适用于网络安全要求吗?
  • Llama 3.1:Meta 的开源 AI 巨兽,智能新高度
  • Java中常用的配置类:最佳实践与示例
  • 【node学习】协程
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • Angular Elements 及其运作原理
  • Apache Zeppelin在Apache Trafodion上的可视化
  • Druid 在有赞的实践
  • gcc介绍及安装
  • GDB 调试 Mysql 实战(三)优先队列排序算法中的行记录长度统计是怎么来的(上)...
  • input的行数自动增减
  • Java 实战开发之spring、logback配置及chrome开发神器(六)
  • javascript从右向左截取指定位数字符的3种方法
  • Java精华积累:初学者都应该搞懂的问题
  • JS进阶 - JS 、JS-Web-API与DOM、BOM
  • Magento 1.x 中文订单打印乱码
  • Python打包系统简单入门
  • React中的“虫洞”——Context
  • SAP云平台运行环境Cloud Foundry和Neo的区别
  • supervisor 永不挂掉的进程 安装以及使用
  • Theano - 导数
  • vue学习系列(二)vue-cli
  • WebSocket使用
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • ionic异常记录
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • ​linux启动进程的方式
  • ​sqlite3 --- SQLite 数据库 DB-API 2.0 接口模块​
  • ​经​纬​恒​润​二​面​​三​七​互​娱​一​面​​元​象​二​面​
  • !!Dom4j 学习笔记
  • #1014 : Trie树
  • #565. 查找之大编号
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • #pragam once 和 #ifndef 预编译头
  • (007)XHTML文档之标题——h1~h6
  • (03)光刻——半导体电路的绘制
  • (1)(1.9) MSP (version 4.2)
  • (26)4.7 字符函数和字符串函数
  • (7)STL算法之交换赋值
  • (ISPRS,2023)深度语义-视觉对齐用于zero-shot遥感图像场景分类