Taro使用微信OCR插件无法调用onSuccess回调问题
Taro使用微信插件无法调用onSuccess回调问题
- 小程序后台添加插件
- 在开放社区购买相应的套餐
- 详细步骤
- 1.在app.config.js中添加如下代码
- 2.在页面的page.config.js添加插件
- 3.使用ocr-navigator识别身份证
小程序后台添加插件
在开放社区购买相应的套餐
购买地址
详细步骤
1.在app.config.js中添加如下代码
plugins: {'ocr-plugin': {version: '3.1.5',provider: 'wx4418e3e031e551be',},},
2.在页面的page.config.js添加插件
usingComponents: {'ocr-navigator': 'plugin://ocr-plugin/ocr-navigator',},
3.使用ocr-navigator识别身份证
<ocr-navigator@onSuccess="handleSuccess"certificateType="idCard":opposite="false"><button>点击上传正面</button></ocr-navigator>
- 问题来了官方文档上原生组件使用的是bind:onSuccess=“success” 改成vue模板应该就是@onSuccess 可实际情况是身份证识别成功了但为进入
onSuccess回调。纳闷了很久之后发现taro官网文档有详细介绍原生组件派发事件的例子:
- 小程序原生组件派发的事件名区分大小写,并且支持 -。
模板绑定语法 | 事件名称 |
---|---|
bindmyEvent / bind:myEvent | myEvent |
- 在 JSX 中事件绑定语法为 onCamelCase,它的单一性无法适配小程序原生组件事件名的多样性。
因此 Taro 只能根据开发者 JSX 的事件绑定语法,遵循以下规则生成对应的模板绑定语法(在区分原生组件派发的事件名大小写的情况下,需要使用一个 bind 属性进行 hack 处理):
JSX事件绑定语法 | 模板绑定语法 | 事件名称 |
---|---|---|
<Comp onMyEvent={} bindmyEvent | bindmyEvent | myEvent |
- Vue 绑定事件时虽然支持 -,但对大小写不敏感。因此针对不同的事件名需要编写不同的 Vue Template 语法,大小写敏感时同样也需要使用 bind 属性进行 hack 处理:
Vue Template 语法 | 模板绑定语法 | 事件名称 |
---|---|---|
<comp @myevent=‘’ bindmyEvent | bindmyEvent | myEvent |
vue最终添加 bindonSuccess 回调改成小写 @onsuccess
<ocr-navigator@onsuccess="handleSuccess"bindonSuccesscertificateType="idCard":opposite="false"><button>点击上传正面</button></ocr-navigator>
相关文章:
![](https://img-blog.csdnimg.cn/69c7aec7439e45ed8db1a85ef66010e6.png)
Taro使用微信OCR插件无法调用onSuccess回调问题
Taro使用微信插件无法调用onSuccess回调问题小程序后台添加插件在开放社区购买相应的套餐详细步骤1.在app.config.js中添加如下代码2.在页面的page.config.js添加插件3.使用ocr-navigator识别身份证小程序后台添加插件 在开放社区购买相应的套餐 购买地址 详细步骤 1.在app.…...
![](https://img-blog.csdnimg.cn/d8c098b961454a468c5d85b6c4c8a7ab.png)
【Java】代码块的细节你搞懂了吗(基础知识七)
希望像唠嗑一样,one step one futher。 目录 (1)代码块的应用场景 (2)代码块的细节 1.static 代码块只加载一次 2.当调用类的静态成员时,类会加载 3. 使用类的静态成员时,static代码块会被执…...
![](https://img-blog.csdnimg.cn/5469f28713fc475a9fe90eed71df5a31.jpeg)
设计模式C++实现12:抽象工厂模式
参考大话设计模式; 详细内容参见大话设计模式一书第十五章,该书使用C#实现,本实验通过C语言实现。 抽象工厂模式(Abstract Factory),提供一个创建一系列相关或相互依赖对象的接口,而无需指定它们…...
![](https://img-blog.csdnimg.cn/652a06036fb4493289ebb03056663f1c.png#pic_center)
目标检测论文阅读:GraphFPN算法笔记
标题:GraphFPN: Graph Feature Pyramid Network for Object Detection 会议:ICCV2021 论文地址:https://ieeexplore.ieee.org/document/9710561/ Abstract 特征金字塔已经被证明在需要多尺度特征的图像理解任务中是强大的。SOTA的多尺度特征…...
![](https://img-blog.csdnimg.cn/img_convert/4c994102ae89b3f32b799107fe9bcd91.jpeg)
实测2023款哪吒U-II,智驾功能对女司机很友好
最近,我们受邀试驾了2023款哪吒U-II。这是一款A级新能源SUV,是哪吒U的改款车型。哪吒U系列自2020年3月上市到2023年1月,累计销售数量达76688台,也因此被称为15万级智能天花板。2023款哪吒U-II的一大亮点是:针对以往哪吒…...
![](https://img-blog.csdnimg.cn/img_convert/f32ad9ab97944ed5a43c761ab516e1ae.png)
Python自动化测试【软件测试最全教程(附笔记、学习路线)】,看完即就业
最近看到很多粉丝在后台私信我,叫我做一期Python自动化测试的教程,其实关于这个问题,我也早就在着手准备了,我录制了一整套完整的Python自动化测试的教程,上传到网盘里了,大家有兴趣的可以去文末交流群免费…...
![](https://img-blog.csdnimg.cn/b2b29b7c4bc54170b17f6a6914e1ce67.png)
2023/2/13总结
今天主要学习了哈夫曼树。 哈夫曼树 哈夫曼树是二叉树的一种,它是一种WPL最优二叉树。 叶子结点(也称叶节点):指的是自己下面不再连接有节点的节点(即末端),称为叶子节点(又称为终…...
![](https://www.ngui.cc/images/no-images.jpg)
webSock前端
1.什么是webSocket WebSocket是一种在单个TCP连接上进行全双工通信的协议。允许服务端主动向客户端推送数据。 2.如何使用webSocket WebSocket 构造函数WebSocket 对象作为一个构造函数,用于新建 WebSocket 实例。 代码如下: let ws = new WebSocket(网址); 2.websock事件: …...
![](https://www.ngui.cc/images/no-images.jpg)
AcWing 3956. 截断数组(每日一题)
AcWing 3956. 截断数组 题目描述 给定一个长度为 nnn 的数组 a1,a2,…,ana_1, a_2, …, a_na1,a2,…,an 。 现在,要将该数组从中间截断,得到三个非空子数组。 要求,三个子数组内各元素之和都相等。 请问,共有多少种不同…...
![](https://img-blog.csdnimg.cn/d432dd35365b415493a7e9293aa204d9.png)
Android 一体机研发之修改系统设置————屏幕亮度
Android 一体机研发之修改系统设置————屏幕亮度 Android 一体机研发之修改系统设置————声音 Android 一体机研发之修改系统设置————自动锁屏 前言 最近工作略微有点儿空闲,抽空给大家总结一下:近期一直搞得一体机app研发,适用…...
![](https://www.ngui.cc/images/no-images.jpg)
C++通用算法
1.概述根据名字就知道如何使用相关算法,比如copy函数,就是复制的意思,它需要一个范围,以及要复制的位置copy(begin, end, container_begin);#include <iostream> #include<vector> #include<algorithm> #includ…...
![](https://www.ngui.cc/images/no-images.jpg)
Springboot停机方式
1. 介绍 简单的说,就是向应用进程发出停止指令之后,能保证正在执行的业务操作不受影响,直到操作运行完毕之后再停止服务。应用程序接收到停止指令之后,会进行如下操作: 1.停止接收新的访问请求 2.正在处理的请求&…...
![](https://www.ngui.cc/images/no-images.jpg)
Linux perf_event_open 简介
文章目录前言一、简介二、struct perf_event_attr2.1 type2.2 size2.3 config2.3.1 PERF_TYPE_HARDWARE2.3.2 PERF_TYPE_SOFTWARE2.3.3 PERF_TYPE_TRACEPOINT2.3.4 PERF_TYPE_HW_CACHE2.3.5 其他类型三、sample相关参数3.1 sample_period3.2 sample_freq3.3 sample_type四、其他…...
![](https://www.ngui.cc/images/no-images.jpg)
Java给定两组起止日期,求交集
/*** 判断2个时间段是否有重叠(交集)* param startDate1 时间段1开始时间戳* param endDate1 时间段1结束时间戳* param startDate2 时间段2开始时间戳* param endDate2 时间段2结束时间戳* param isStrict 是否严格重叠,true 严格࿰…...
![](https://img-blog.csdnimg.cn/9d8d2875dde5404cb933dcd6ed86d566.png)
数组的复制与二维数组的用法
今天学习的主要内容有 数组的复制 数组的复制 利用循环进行数组的复制 import java.util.Arrays; public class Main3 {public static void main(String[] args) {int []arr new int[]{1,2,3,4,5,6};int []arr1 new int[arr.length];for (int i 0; i < arr.length; i…...
![](https://www.ngui.cc/images/no-images.jpg)
JS判断两个table数据是否完全相等(判断两个数组对象是否完全相等)
需求 现有的table为tableA,有多个要做对比的table为一个数组 CompareArray 涉及到的问题 外层是数组,但是内部数据都是对象,对象属性名的排序不一样外层数组也涉及到 顺序不一样的问题 思路 对compareArray做长度筛选 filter 得到 同长度…...
![](https://img-blog.csdnimg.cn/img_convert/8202fa5fdc0037e732e824ff24ca5f39.png)
关于小程序,你想知道的这些
近年来,各大平台纷纷上架小程序,迎来了小程序的爆发式增长。今天就来跟大家简单分享一下小程序基本的运行机制和安全机制。 小程序的由来 在小程序没有出来之前,最初微信WebView逐渐成为移动web重要入口,微信发布了一整套网页开…...
![](https://www.ngui.cc/images/no-images.jpg)
WuThreat身份安全云-TVD每日漏洞情报-2023-02-13
漏洞名称:THORSTEN PHPMYFAQ 跨站点脚本 漏洞级别:高危 漏洞编号:CVE-2023-0791 相关涉及:THORSTEN PHPMYFAQ 3.1.10 漏洞状态:POC 参考链接:https://tvd.wuthreat.com/#/listDetail?TVD_IDTVD-2023-03506 漏洞名称:TENDA AC23 越界写入 漏洞级别:高危 漏洞编号:CVE-2023-078…...
![](https://img-blog.csdnimg.cn/e29ff6cfe60f433eb8a206f6be5e3aef.png)
【Linux】软件安装(三分钟教会你如何在linux下安装软件)
🔥🔥 欢迎来到小林的博客!! 🛰️博客主页:✈️小林爱敲代码 🛰️博客专栏:✈️Linux之路 🛰️社区:✈️进步学堂 目录&…...
![](https://www.ngui.cc/images/no-images.jpg)
Fluent Python 笔记 第 10 章 序列的修改、散列和切片
本章将以第 9 章定义的二维向量 Vector2d 类为基础,向前迈出一大步,定义表示多维向量的 Vector 类。这个类的行为与 Python 中标准的不可变扁平序列一样。 10.3 协议和鸭子类型 在 Python 中创建功能完善的序列类型无需使用继承,只需实现符…...
![](https://img-blog.csdnimg.cn/img_convert/ab4e5ae18388d48026827bd741033fdb.png)
在中国程序员工作是青春饭吗?
上个月公司告诉我毕业了。 我打开boss直聘,一溜溜的外包公司和我打招呼。 我寻思我说不定啥时候就离开深圳了,外包不外包也无所谓钱到位就行。(大公司学历不够格也进不去) 结果华为、平安的外包告诉我,不好意思呀&a…...
![](https://img-blog.csdnimg.cn/0a2c3fb4ac9948988c0a91dd75d6b2c8.jpeg#pic_center)
Linux tcpdump
tcpdump - 转储网络上的数据流 是不是感觉很懵?全方位描述tcpdump: 通俗:tcpdump是一个抓包工具,用于抓取网络中传输的数据包形象:tcpdump如同国家海关,凡是入境和出境的货物,海关都要抽样检查࿰…...
![](https://img-blog.csdnimg.cn/3c104788ca8441198a17cf0c11c6337c.png)
redis知识汇总(部署、高可用、集群)
文章目录一、redis知识汇总什么是redisredis的优缺点:为什么要用redis做缓存redis为什么这么快什么是持久化redis持久化机制是什么?各自优缺点?AOF和RDB怎么选择redis持久化数据和缓存怎么做扩容什么是事务redis事务的概念ACID概念主从复制re…...
![](https://img-blog.csdnimg.cn/img_convert/66843d72ec86b4dcf161babfd2aab976.png)
【手写 Vuex 源码】第十篇 - Vuex 命名空间的实现
一,前言 上一篇,主要介绍了 Vuex 响应式数据和缓存的实现,主要涉及以下几个点: Vuex 的响应式实现原理;响应式核心方法 resetStoreVM;commit 和 dispatch 的处理; 本篇,继续介绍 …...
![](https://img-blog.csdnimg.cn/47325515693541728df1ff93aa14683f.png)
面试腾讯测试岗后感想,真的很后悔这5年一直都干的是基础测试....
前两天,我的一个朋友去大厂面试,跟我聊天时说:输的很彻底… 我问她:什么情况?她说:很后悔这5年来一直都干的是功能测试… 相信许多测试人也跟我朋友一样,从事了软件测试很多年,却依…...
![](https://www.ngui.cc/images/no-images.jpg)
知识图谱 方法、实践与应用 王昊奋 读书笔记(下)
最近读了这本书,在思路上很有启发,对知识图谱有了初步的认识,以下是原书后半部分的内容,可以购买实体书获取更多内容。 知识图谱推理 结合已有规则,推出新的事实,例如持有股份就能控制一家公司࿰…...
![](https://img-blog.csdnimg.cn/04bf1b4f49944e11bcc0aa8ffbcc2845.png)
vue实现打印浏览器页面功能(两种方法)
推荐使用方法二 方法一:通过npm 安装插件 1,安装 npm install vue-print-nb --save 2,引入 安装好以后在main.js文件中引入 import Print from vue-print-nbVue.use(Print); //注册 3,现在就可以使用了 div id"printTest…...
![](https://img-blog.csdnimg.cn/img_convert/142733bbdfe0f660746fa7074324dcb0.png)
【VictoriaMetrics】VictoriaMetrics单机版批量和单条数据写入(Prometheus格式)
VictoriaMetrics单机版支持以Prometheus格式的数据写入,写入支持单条数据写入以及多条数据写入,下面操作演示下如何使用 1、首先需要启动VictoriaMetrics单机版服务 2、使用postman插入单机版VictoriaMetrics,以当前时间插入数据 地址为 http://victoriaMetricsIP:8428/api…...
![](https://img-blog.csdnimg.cn/img_convert/5f9573fbdfaf7380ec1c2fc1d36ed6b5.png)
【青训营】分布式定时任务简述
这是我参与「第五届青训营 」伴学笔记创作活动的第 13 天 分布式定时任务简述 定义 定时任务是指系统为了自动完成特定任务,实时、延时、周期性完成任务调度的过程。分布式定时任务是把分散的、可靠性差的定时任务纳入统一平台,并且实现集群管理调度和…...
![](https://img-blog.csdnimg.cn/b225d086741b48658083a5e05ad3382a.png)
golang语言本身设计点总结
本文参考 1.golang的内存管理分配 golang的内存分配仿造Google公司的内存分配方法TCmalloc算法;她会把将内存请求分为两类,大对象请求和小对象请求,大对象为>32K的对象。 在了解golang的内存分配之前要知道什么事虚拟内存,虚拟内存是把磁盘作为全局…...
![](/images/no-images.jpg)
网站建设飠金手指科杰十五/营销渠道名词解释
在本文中,GetDate()获得的日期由两部分组成,分别是今天的日期和当时的时间: Select GetDate() 用DateName()就可以获得相应的年、月、日,然后再把它们连接起来就可以了: Select Datename(year,GetDate())-Datename(mon…...
![](https://img-blog.csdnimg.cn/img_convert/12a9d24d7b8e267c0a2fce3f0a59b945.png)
动态表情包在线制作网站/网络宣传的方法有哪些
相对中资公司来说,美国或者西方公司的面试流程更加复杂,考核的内容更多。 不管是那种面试,很多时候求职者会遇到:面着面着就没了。 当然我们这说的只是你应聘中层以下的技术或者部分管理岗。 如果你是应聘公司高层,…...
![](/images/no-images.jpg)
遵义做网站建设哪家公司好/软件工程培训机构哪家好
转载 https://jingyan.baidu.com/article/b0b63dbf570c094a49307072.html...
![](/images/no-images.jpg)
做网站会遇到什么问题/有没有好用的网站推荐
展开全部1、奇数项求和2、偶数项求和3、平方求和在数学上,斐波那契数列以如下被以32313133353236313431303231363533e78988e69d8331333431366339递推的方法定义:F(1)1,F(2)1, F(n)F(n-1)F(n-2)(n>3,n∈N*)在现代物理、准晶体结…...
![](/images/no-images.jpg)
网站域名价格/app开发
目录 树莓派更新树莓派更新命令树莓派更新 树莓派更新命令 sudo apt-get update sudo apt-get upgrade sudo apt-get dist-upgrade [optional] sudo rpi-update转载于:https://www.cnblogs.com/WeiG/p/9937045.html...
![](/images/no-images.jpg)
淘宝做网站推广怎么样/头条号权重查询
Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API Reflect设计目的: 将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。修改某些Object方法的返回结果&#…...