微信小程序 122100版本更新问题解决方案


Posted in Javascript onDecember 22, 2016

微信小程序版本更新问题

昨天朋友跑过来说微信更新了6.3.2版本,真机运行小程序有不少的问题。主要集中在wx.redirectTo方法无法正常跳转,且没有任何错误提示。但模拟器上是没有任何问题的。
我当时就很“紧张”。小程序又要搞事儿了!

果然今天下午,官方更新了122100版本,一共有90几处改动。这里先不一一列举了。放在另外的文章里。这里主要指出本次更新后对我们项目的影响。

一, redirectTo和navigateTo不能再跳转到带有tab选项卡的页面

首先是welcome欢迎页面无法跳转到文章页面的问题。这是因为小程序新增了一个接口wx.switchTab。这个接口是专门用来跳转到带有tabbar的页面。

但我不理解的是,你新增接口为什么要更改以前的接口。以前用redirectTo和navigateTo都是可以跳转到带有tabbar的页面。但更新后redirectTo和navigateTo均不可以跳转了。而且没有给出明显的错误提示。但如果你有fail方法接收错误消息的话,fail方法的参数里会含有一个错误提示的,非常隐蔽。更改后的代码如下:

代码页:welcome.js

Page({
  onTap: function (event) {    
    wx.switchTab({
      url: "../posts/post"
    });
    
  }
})

请注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面!跳转不带tab的页面还是需要使用redirect或者navigate!所以,如果如果你的post页面还没有加入tab选项卡,请依然使用redirect或者navigate!

二 ,Page的onLoad函数里不可以再直接对data变量赋值做数据绑定

这又是一个很无理的改动,应该是更改了绑定数据的时机。之前版本,在onLoad函数里不需要使用this.setData方法来做数据更新,只需要使用this.data = { key:value} 即可更新数据绑定变量。这样做的方法我在课程里也分析过,是因为onLoad函数执行是在数据绑定初始化之前。

但此次更新后这种方法失效了,造成文章页面无法正常初始化数据。请同学们将所有用this.data做数据绑定的地方,更新成this.setData问题即可解决。举一个代码的例子:

代码页面:post.js

Page({
 data: {
 },
 onLoad: function () {

  // this.data.postList = postsData.postList
  this.setData({
    postList:postsData.postList
   });
 },

三, wx.request 方法的Content-Type参数

这又是很奇葩的一个问题。最早的版本使用content-type:application/json 即可成功访问豆瓣的数据。112301版本更新后,application/json参数不可以使用了。但形如content-type: ‘ ',content-type:xxx,content-type:aaaaaaa 都可以成功调用。

最新的0.11.122100版本 content-type:' ' 形式不可以用了。但其他任意形式都可以用,只要不是空字符串和application/json。

请同学们把相关方法更改成 content-type:json或者content-type:xxxxxx,都可以成功调用豆瓣api。下面是代码示例:

function http(url, callBack) {
 wx.request({
  url: url,
  method: 'GET',
  header: {
   "Content-Type": "json"
  },
  success: function (res) {
   callBack(res.data);
  },
  fail: function (error) {
   console.log(error)
  }
 })
}

3个问题解决后,项目就没问题了。大家以上方法做对照修改。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
简单的无缝滚动程序-仅几行代码
May 08 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
又一款js时钟!transform实现时钟效果
Aug 15 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 Javascript
JavaScript实现的CRC32函数示例
Nov 23 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
Feb 26 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
Sep 27 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 Javascript
JS闭包与延迟求值用法示例
Dec 22 #Javascript
jQuery实现两个select控件的互移操作
Dec 22 #Javascript
JS 调用微信扫一扫功能
Dec 22 #Javascript
Vue实现双向绑定的方法
Dec 22 #Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 #Javascript
Vue.js双向绑定实现原理详解
Dec 22 #Javascript
BootStrap Table对前台页面表格的支持实例讲解
Dec 22 #Javascript
You might like
建立文件交换功能的脚本(三)
2006/10/09 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
关于eval 与new Function 到底该选哪个?
2013/04/17 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
2014/09/02 Javascript
实例讲解JQuery中this和$(this)区别
2014/12/08 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
2017/06/13 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
python实现list由于numpy array的转换
2018/04/04 Python
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
Python使用crontab模块设置和清除定时任务操作详解
2019/04/09 Python
python 的 openpyxl模块 读取 Excel文件的方法
2019/09/09 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
css3的transform中scale缩放详解
2014/12/08 HTML / CSS
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
银行职业规划书范文
2013/12/28 职场文书
加拿大留学自荐信
2014/01/28 职场文书
秘书英文求职信
2014/04/16 职场文书
超市仓管员岗位职责范本
2014/09/18 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
浅谈MySQL函数
2021/10/05 MySQL