微信小程序开发中遇到的坑及解决办法

taro单独为某个项目切换taro版本环境

单独为某一个项目升级#这样做的好处是全局的 Taro 版本还是 1x 的，多个项目间的依赖不冲突，其余项目依然可以用旧版本开发。 如果你的项目里没有安装 Taro CLI，你需要先装一个：

# 如果你使用 NPM

$ npm install --save-dev @tarojs/cli@2x

# 如果你使用 Yarn

$ yarn add -D @tarojs/cli@2x

echarts在小程序中滑动卡顿

由于微信小程序中，echarts的层级最高，无论设置多大层级也无法遮住echarts。而且小程序中好像只能用echarts吧。所以为了解决这个bug，我只能委屈求全了。打开ec-canvaswxml文件，将touchStart、touchMove和touchEnd去掉了，直接删除就好啦。这三个事件应该是做缩放的吧，我们也没有这个缩放的需求。所以就去掉了。虽然暂时满足的需求，还是没有真正的解决问题。

原：

bindinit="init"

bindtouchstart="{{ ecdisableTouch '' : 'touchStart' }}"

bindtouchmove="{{ ecdisableTouch '' : 'touchMove' }}"

bindtouchend="{{ ecdisableTouch '' : 'touchEnd' }}"

现：

bindinit="init"

echarts在小程序中无法跟随页面滑动

在卡顿问题中能与echarts交互少的，可以直接使用代替cannvas，即在echarts渲染完毕后将它替换为一张。

如果我更新了数据，那么就重新放出echarts，等它渲染完毕后，再次替换为一张。

charton('finished', () => {

getCurrentInstance()pageselectComponent(id)canvasToTempFilePath({

success: res => {

consolelog('restempFilePath====',restempFilePath)

thissetState({

echartImgSrc: restempFilePath

      })

},

    fail: res =>consolelog('转换失败', res)

});

})

render:

thisstateechartImgSrc ==''

  ref={thisrefChart}

id={thisstateid}

canvas-id="mychart-area"

  force-use-old-canvas="true"

  ec={thisstateec}

/>

:

<CoverImage src={thisstateechartImgSrc}></CoverImage>

一般是先修改json值再setData 比如: page({ data:{ s1:{a:"",b:"b"} }, changeData:function(e){ var cData=thisdatas1; cDataa="1";//先修改json值 thissetData({ //再set值 s1:cData }) } })

onLoad  生命周期回调—监听页面加载

onShow  生命周期回调—监听页面显示

onReady  生命周期回调—监听页面初次渲染完成

onHide 生命周期回调—监听页面隐藏

onUnload  生命周期回调—监听页面卸载

1执行某方法后数据刷新与重新加载

    可直接调用 onLoad ， onShow ， onReady 方法

    thisonLoad(),thisonShow(),thisonReady()

    方法执行后会重新调用对应的执行方法，里面的数据会重新渲染执行

2页面回退或隐藏显示后

    当进入新的页面比如：添加，修改等，再返回当前页面重新渲染数据。

    可直接将获取数据的方法写在onShow()中，当页面重新显示后就会再次运行onShow()中的方法

然后再index页面的onload中判断显示哪个tab

wepy文档

1，Q: 怎么在page组件和 component 组件中回去到 getApp() ,就是app里面定义的函数,通过 this$parent 只能拿到数据，拿不到方法

A:可以在 this$parent 的 _proto 上拿到方法,即 this$parentonLogin

2, Q:怎么实现按需加载

A:在 compoent 组件中自定义生命周期函数,并手动触发

以上就是关于微信小程序开发中遇到的坑及解决办法全部的内容，包括:微信小程序开发中遇到的坑及解决办法、关于微信小程序里面this.setData到底怎样或运行的、2020-07-31 微信小程序数据刷新与重新加载等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！