Uniapp 解决组件在官方文档不支持的事件上,接收小程序原生组件事件

  • 现在需要在抖音小程序上使用加粉丝群功能,官方 button 有自带这个功能,但是 Uniapp 官网并没有支持,一个是 open-type 类型,一个是回调事件 bindjoingroup

    <buttonopen-type="joinGroup"group-id="xxxx"bindjoingroup="handleJoinGroup"
    ></button>
    
    page{(data: {},handleJoinGroup (e) {console.log(e.detail)}
    )}
    

    在原生中是这么使用,如果在不通过小程序原生自定义 uniapp 组件的情况下,能不能直接使用呢,答案是可以的。

  • uniapp 中需要条件编译指定平台使用,小程序中的事件都是 bindxxx 只需要将 bind 换成 @ 即可获得事件,如果获取不到,看看是不是首字母大小写的问题,其他参数可按小程序原生一样使用。

<!-- #ifdef MP-TOUTIAO -->
<!-- 加入按钮 -->
<buttonclass="join-btn"open-type="joinGroup"group-id="xxxx"@joingroup="handleJoinGroup"
></button>
<!-- #endif -->
<script>
export default {methods: {handleJoinGroup (e) {console.log(e.detail)}}
}
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/76841.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2023年车载超声波雷达行业研究报告

第一章 行业概况 车载超声波雷达&#xff0c;通常在英文中被称为“Automotive Ultrasonic Radar”或“Automotive Ultrasonic Sensor”&#xff0c;是一种使用超声波来检测车辆周围物体的距离的传感器。这个行业主要关注的是为汽车提供停车辅助、防撞和其他安全功能。 图 超声…

k8s中无法获取到nginx-ingress的客户端真实ip地址x-forwarded-for

1.查看阿里云的nginx-ingress配置文档https://help.aliyun.com/document_detail/42205.html 容器K8s配置方案 如果您的服务部署在K8s上&#xff0c;K8s会将真实的客户端IP记录在X-Original-Forwarded-For字段中&#xff0c;并将WAF回源地址记录在X-Forwarded-For字段中。您需要…

前端请求接口地址反向代理后 状态码404、反向代理注意事项

目录 1. 反向代理代码&#xff08;有问题&#xff09;问题 2. 问题排查原因【排查步骤】【问题1】产生原因【问题2】产生原因【附&#xff1a;排查代码】 3. 总结 - 解决代码4. 总结 - 反向代理 1. 反向代理代码&#xff08;有问题&#xff09; 接口封装 export function Get…

回归与聚类算法系列④:岭回归

目录 1. 背景 2. 数学模型 3. 特点 4. 应用领域 5. 岭回归与其他正则化方法的比较 6、API 7、代码 8、总结 &#x1f343;作者介绍&#xff1a;双非本科大三网络工程专业在读&#xff0c;阿里云专家博主&#xff0c;专注于Java领域学习&#xff0c;擅长web应用开发、数…

【Ubuntu】创建桌面快捷方式并固定到docker栏

以pycharm软件为例&#xff1a; 1.首先需要找到软件的可执行文件及其所在的位置 这个位置我放在&#xff1a;/opt/pycharm-community-2023.2.1/bin/pycharm.sh 可执行文件为&#xff1a;pycharm.sh 2.转到&#xff1a;/usr/share/applications 这个路径专门存放应用快捷方式…

【开发日记】MySQL TIMESTAMP 类型建表异常

MySQL TIMESTAMP 类型建表异常 建表报错信息 incalid default value for xxx建表语句 CREATE TABLE 表名&#xff08; ... 字段名 TIMESTAMP NULL DEFAULT 0000-00-00 00:00:00 , ... &#xff09;报错原因 MySQL的sql_mode参数会影响对日期时间的处理方式。如果NO_ZERO_D…

机器学习(12)---梯度下降(含手写公式、推导过程和手写例题)

梯度下降 一、概述1.1 梯度下降的用途1.2 梯度下降公式 二、公式讲解2.1 推导过程2.2 例题 一、概述 1.1 梯度下降的用途 1. 使用线性回归的平方误差成本函数时&#xff0c;成本函数不会也永远不会有多个局部最小值。因为它是凸函数&#xff0c;只有单一的全局最小值。通俗地说…

Linux之yum/git的使用

目录 一、yum 1、关于yum 2、yum的操作 ①、yum list ②、yum install ③、yum remove 二、git 1、Linux中连接gitee 2、git的操作 ①git add [文件] ②git commit -m "提交日志" ③git push 3、可能出现的问题 ①配置用户名、邮箱 ②出现提交冲突 ③…

antd setFieldsValue 设置初始值无效AutoComplete 设置默认值失败

antd form setFieldsValue 设置初始值无效 解决方案 setTimeout(()>{setFieldsValue(values)},100)antd AutoComplete 设置默认值失败 defaultValue 设置无效 解决方案 设置value&#xff0c;搭配onChange来设置修改

SpringBoot2.0入门(详细文档)

文章目录 Springboot是什么Springboot2.x依赖环境和版本新特性说明为什么学习Springboot从springboot优点来看从未来发展的趋势来看 开发环境Spring Boot开发环境搭建和项目启动jdk 的配置Spring Boot 工程的构建maven配置IDEA 快速构建maven 创建工程常用注解 完整代码 Spring…

成集云 | 聚水潭对接金蝶云星空接口 | 解决方案

源系统成集云目标系统 方案介绍 聚水潭是一款以SaaS ERP为核心&#xff0c;集多种商家服务为一体的SaaS协同平台&#xff0c;为全国35万多家电商企业提供全面的信息化解决方案。聚水潭已在全国设立了超过60个线下服务网点&#xff0c;服务范围覆盖超过300个城市&#xff0c;为…

23062C++QTday3

1> 自行封装一个栈的类&#xff0c;包含私有成员属性&#xff1a;栈的数组、记录栈顶的变量 成员函数完成&#xff1a;构造函数、析构函数、拷贝构造函数、入栈、出栈、清空栈、判空、判满、获取栈顶元素、求栈的大小 头文件stack.c #ifndef STACK_H #define STACK_H #in…

Elasticsearch实现词云效果Demo

文章目录 前言前期准备springbootElasticsearch依赖 思路准备数据查询数据处理文本样式处理 具体实施数据准备创建索引数据存储进行查询 踩坑记录聚合查询不生效问题 demo地址总结 前言 最近项目中使用Elasticsearch在做快速查询的功能&#xff0c;然后就想到了之前的一个项目…

linux uboot制作自定义菜单指令menu

应用场景 由于有时候需要不同类型的屏幕显示&#xff0c;但是来回烧写又显得非常的麻烦&#xff0c;遇到上述问题的话&#xff0c;我们可以采取以下方法去解决刚刚的问题。 适用平台 尝试过在STM32MP157,RK356X,RK3588里使用 menu指令代码描述 新建一个指令文件&#xff1…

实现Internet的DNS服务架构

实现Internet的DNS服务架构 一.准备 1.安装最小化系统并进行必要配置 安装最小系统 配置网络 1.修改centos7,8网卡名为传统网卡名 sed -i.org /GRUB_CMDLINE_LINUX/s"$ net.ifnames0 " /etc/default/grub grub2-mkconfig -o /etc/grub2.cfg reboot 2.配置静态网址…

9月1日作业

思维导图 服务器代码 #include<myhead.h>#define PORT 4567 #define IP "192.168.6.225"struct msg //接收到的客户端信息结构体 {char type;char name[20];char txt[128]; };//定义节点类型 typedef struct Node {union{struct sockaddr_in cin; //数据…

SpringMVC增删改查(CRUD)的实现

目录 前言 一、前期准备 1.pom.xml---依赖与插件的导入 2.jdbc.properties---数据库连接 3.log4j2.xml---日志文件 4.spring-mybatis---mybatis与spring整合文件 5.spring-context---spring上下文配置 6.spring-mvc 7.generatorConfig.xml---代码生成器 8.web.xml 二…

核心实验16_端口镜像_ENSP

项目场景&#xff1a; 核心实验16_端口镜像_ENSP 实搭拓扑图&#xff1a; 具体操作&#xff1a; 交换机: [garliccc]observe-port 1 interface GigabitEthernet 0/0/3 /设置0/0/3为观察口 [garliccc]int g0/0/2 [garliccc-GigabitEthernet0/0/2]port-mirroring to observe-po…

win 10 安装新程序总是弹出提示:目前无法访问smartscreen

win 10 安装新程序总是弹出提示&#xff1a;目前无法访问smartscreen 因为后来无法再现警告&#xff0c;无法截图 搜索安全&#xff0c;找到 Windows 安全中心 找到“应用和浏览器控制”&#xff0c;关闭其中 2 项 SmartScreen 奇怪的是&#xff0c;之后我又改回去了&#x…

npm install失败的分析与解决方案,以及修复完成的代码地址

问题描述&#xff1a; 在引入vue-element-admin后npm i 初始化失败&#xff0c;或者对下载的vue项目npm i 任何插件都会失败&#xff0c;且安装依赖时报错 npm ERR! Error while executing npm ERR! Error while executing: npm ERR! H:\Program Files\git\Git\cmd\git.EXE ls…