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
目录
打赏
0
0
0
0
1
分享
相关文章
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
365 0
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `&lt;swiper&gt;` 实现,二是利用 Nut UI 的 `&lt;nut-swiper&gt;` 组件实现。
219 1
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法,需在页面配置`enableShareAppMessage: true`并重新编译。
312 0
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
在 `src/http` 目录下创建 `request.ts` 文件,并配置 Taro 的网络请求方法 `Taro.request`,支持多种 HTTP 方法并处理数据加密。
302 0
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
本文介绍如何在Taro项目中使用Nut UI的`&lt;nut-uploader/&gt;`组件实现图片上传功能,并通过示例代码展示了自定义上传逻辑的方法。
275 0
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
本文介绍如何在Taro项目中配置深色模式。通过在`src/app.config.ts`设置`darkmode`选项和在`theme.json`中定义主题变量,可以实现跟随系统主题的界面风格切换。
217 0
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
【第57期】一文读懂小程序开发框架Taro
【第57期】一文读懂小程序开发框架Taro
244 1
多端/跨端/融合的移动端/小程序之Taro
Taro 是一种非常重要的移动端开发框架,因为它可以让开发者在不同的平台上进行开发,并且提供了跨平台的可移植性。
309 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等