Taro小程序采坑记

简介: Taro小程序采坑记

Taro,京东凹凸实验室出品的适配多端的一个框架,


Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN 等)运行的代码。


But 理想很丰满,现实很骨感最近在尝试采用其编写小程序代码,发现采坑的地方不少

事件处理bind函数,不能传值了?


Taro 目前暂时不支持通过匿名函数传值,也不支持多层 lambda 嵌套。当你有传参需求时,请全部使用 bind 来处理。更新了@tarojs/cli为最新版后,发现bind的方法不能传值了
<Button onClick={this.goto.bind(this,'111')}>跳转详情页</Button>

微信图片_20220609123856.png

打印出来的是这个鬼:

微信图片_20220609123933.png

根本不是传递的字符串

根据issues中提供的方式:

cli 和项目依赖都要升级到 1.2.1使用命令行更新cli及项目依赖后能够正常传值了
taro update project
目录
相关文章
|
3月前
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `&lt;swiper&gt;` 实现,二是利用 Nut UI 的 `&lt;nut-swiper&gt;` 组件实现。
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
|
3月前
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
129 0
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
3月前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法,需在页面配置`enableShareAppMessage: true`并重新编译。
124 0
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
|
3月前
|
小程序 数据安全/隐私保护
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
在 `src/http` 目录下创建 `request.ts` 文件,并配置 Taro 的网络请求方法 `Taro.request`,支持多种 HTTP 方法并处理数据加密。
122 0
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
|
3月前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
本文介绍如何在Taro项目中使用Nut UI的`&lt;nut-uploader/&gt;`组件实现图片上传功能,并通过示例代码展示了自定义上传逻辑的方法。
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
|
3月前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
本文介绍如何在Taro项目中配置深色模式。通过在`src/app.config.ts`设置`darkmode`选项和在`theme.json`中定义主题变量,可以实现跟随系统主题的界面风格切换。
101 0
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
|
6月前
|
开发框架 小程序 前端开发
【第57期】一文读懂小程序开发框架Taro
【第57期】一文读懂小程序开发框架Taro
142 1
|
开发框架 移动开发 小程序
快速上手小程序框架Taro,安装及使用教程(一)
快速上手小程序框架Taro,安装及使用教程(一)
158 0
|
小程序 JavaScript 前端开发
小程序第三方框架对比 (mpvue、wepy、taro)2
小程序第三方框架对比 (mpvue、wepy、taro)
|
移动开发 小程序 JavaScript
小程序第三方框架对比 (mpvue、wepy、taro)1
小程序第三方框架对比 (mpvue、wepy、taro)