随笔分类 - 微信
摘要：起因 Taro微信小程序中需要引入第三方插件，在微信开发者工具中能正常使用，但真机调试和上传之后，打开进不去小程序 直接白屏，报错如下图 解决 原因qs的问题，适配合适版本就可以了。 npm install qs@6.9.6 再运行项目就解决了
阅读全文
摘要：微信文档地址 体验最新版本： 1.安装最新微信客户端（ https://dldir1.qq.com/weixin/Windows/WeChatSetup.exe ） 2.在微信在搜索栏输入:showcmdwnd (包括前面冒号) 中输入以下代码以开启 wmpf 新内核版本(已经是现网默认，可以通过这
阅读全文
摘要：首先在app.config.json中配置 requiredBackgroundModes: [ 'location' ], requiredPrivateInfos: [ 'getLocation', 'onLocationChange', 'startLocationUpdate', ], pe
阅读全文
摘要：使用ec-canvas展示echarts图表，但是在实际操作中，偶现echarts空白问题。 ## 解决 ``` const getData = async() => { const data = await fetchData(); // 调用接口获取数据 const option = { //
阅读全文
摘要：微信小程序中动态设置了echarts的高度，但是canvas变形，并没有重新resize ## 原因 chart获取不到父组件的宽高，小程序里获取宽高用的是 wx.createSelectorQuery() ，echarts里resize的时候，并没有调用这个API，肯定无法重置宽高。 ## 解决
阅读全文
摘要：taro微信小程序中使用 [taro-react-echarts](https://www.cnblogs.com/ZerlinM/p/17469148.html) 展示图表数据，因为数据量大，需要使用dataZoom来左右滑动图表。 ## 实现效果  想要在Taro里使用redux，看文档配置了很多次入口文件，每次都是报同一个错误。 `错误：“Provider”表示值，但在此处用作类型。是否指“类型 Provider”?` ![](https://img202
阅读全文
摘要：在微信小程序中，scroll-view中使用position:fixed定位的元素会失效，不再相对于根元素来定位，而是相对scroll-view定位。 经过查证，是**由于scroll-view中的 refresherEnabled 导致的fixed失效**。 ## 解决 **前提：**页面有下拉刷
阅读全文
摘要：## 问题 使用taro框架，微信小程序使用 picker-view 时，大部分情况下滑到哪儿选到哪儿，停得很快，没啥大问题。 但是选择第一项或者最后一项时会有选择不到的问题，菜单会有一个反弹和减速，停下得特别慢，导致如果想选第一个和最后一个选项要等2秒以后才能正常选中。 原因是因为小程序官方设定了
阅读全文
摘要：前提 taro版本 3.6.2 taro-react-echarts版本 1.2.2 echarts版本 5.1.2 项目中需要使用echarts 最先尝试了 ec-canvas ,有小问题： 偶现打开页面报错 ‘组件需绑定 ec 变量，例：<ec-canvas id="mychart-dom-ba
阅读全文
摘要：## 问题 **taro版本 3.6.2** **[taro3-echarts-react](https://www.npmjs.com/package/taro3-echarts-react)版本 1.0.4** 在taro小程序开发中，使用taro3-echarts-react时，echarts
阅读全文
摘要：A页面跳转到B页面后，B页面在page上面定义了全局的变量，从B页面返回上级页面A后，再次进入B页面，会保留上次B页面全局变量更改后的数据，而不是重新初始化数据。 解决 page外部的变量，在小程序初始化的时候就加载了，并且中途不会变的。。 你可以试试，在非首页的页面的page外console.lo
阅读全文
摘要：项目中需要使用swiper，需要添加左右切换的按钮，代码如下： wxml <view> <block wx:if="{{list.length>1}}"> <van-icon bindtap="nextSwiper" name="arrow" class="arrow-left" color="#c
阅读全文
摘要：微信小程序中加载图片时，如果只设定图片宽度，希望添加 mode = 'widthFix'来自适应 <Image mode="widthFix" className={s.img]} src={ImgSource.iconLogin} /> .img { width: 100%; } 但是这时会出现一
阅读全文
摘要：一、加载本地字体 做小程序项目时，有时为了提升页面展示效果，会引入一些第三方字体，引入方式如下代码片段 /*直接在app.css引入 */ @font-face { font-family: "alifont"; // 是你封装的名字 src: url('./static/css/subset-Al
阅读全文
摘要：需求： 微信小程序中使用webview嵌套了h5页面，h5页面中有经纬度，需要实现唤醒 高德app。 实现思路： 此处h5未配置wxSDK，无法直接使用 openLocation ，所以将经纬度传给小程序，map页面为跳转中间页，再实现打开地图页面。 h5: // 高德地图导航 const aMap
阅读全文
摘要：一、理论前提 如果一个页面由另一个页面通过 wx.navigateTo 打开，这两个页面间将建立一条数据通道： 被打开的页面可以通过 this.getOpenerEventChannel() 方法来获得一个 EventChannel 对象； wx.navigateTo 的 success 回调中也包
阅读全文
摘要：微信小程序直接下载文件时，保存到的路径为缓存路径 tempxxx，如果需要查找文件就很麻烦，那我们可以先在小程序中预览文件，再执行后续操作，代码如下： // 方法 const download = (docObj) => { const { url = '', name, type } = docO
阅读全文
摘要：首先在app.config.json中配置 export default defineAppConfig({ pages: [], permission: { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }, }) 方法调用：
阅读全文
摘要：应用场景： 比如在详情页面编辑或者删除等操作后，点击返回按钮到列表页，此时希望列表页刷新，代码如下： ``` Taro.navigateBack({ delta: 1, success: () => { const page = Taro.getCurrentPages().pop(); if (!
阅读全文
浙公网安备 33010602011771号