微信小程序遇到修改数据后页面不渲染的问题解决

 更新时间:2017年03月09日 10:57:54   作者:向朔1992  
这篇文章主要介绍了微信小程序遇到修改数据后页面不渲染的问题解决的相关资料,需要的朋友可以参考下

微信小程序遇到修改数据后页面不渲染的问题解决

前言:

去年从小程序一开始出来到现在,我一直是比较看好和保持一定的关注度的,小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的,这是我第一次有意识的亲眼目睹了一个新技术的发展,还是感觉比较荣幸的。
唱衰小程序?我的观点是肯定不可能,因为现在每天提交审核的小程序还在继续增加,而且有些小程序确实很好用,比如摩拜的扫码骑车,还有我上周去KTV,直接用小程序扫屏幕上的二维码,就可以绑定房间,然后通过小程序点歌,切歌,发表情包等方便好玩的事情,所以,在我看来,有些应用场景是非常适合小程序的,以后生活中的更多场景会更多的应用小程序。

截止到目前,小程序的系列文章写了有十几篇,基本上是解决开发中的一些问题,踩过的坑。我的小程序也已经写的差不多了,但是公司的https加密认证还没有弄好,所以只能暂且搁置在那里了。

数据修改不生效

今天继续要介绍一个setData()的问题。

我们经常会这样写:

var that = this;
wx.getStorage({
  key: 'user',
  success: function(res){
    console.log(res.data)
    that.data.params.uuid = res.data.uuid;
    that.data.params.ticket = res.data.ticket;
    that.data.params.courseUuid = options.courseUuid;
    that.data.params.isCompany = options.isCompany;

    that.fetchData();
    that.getShareList();
  }
})

我们给data对象进行了一些赋值操作,但是发现接着使用这些数据的时候是不对的,我们赋值的数据并没有成功的渲染到页面。找了好久之后我发现,原来要想数据立马生效,必须要调用一下setData()方法才能有用,所以上面的代码修改如下:

var that = this;
wx.getStorage({
  key: 'user',
  success: function(res){
    console.log(res.data)
    that.data.params.uuid = res.data.uuid;
    that.data.params.ticket = res.data.ticket;
    that.data.params.courseUuid = options.courseUuid;
    that.data.params.isCompany = options.isCompany;

    that.setData({
      params: that.data.params
    })

    that.fetchData();
    that.getShareList();
  }
})

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

相关文章

  • js前端架构Git commit提交规范

    js前端架构Git commit提交规范

    这篇文章主要为大家介绍了前端架构Git commit提交规范示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 前端JS实现太极图案图文示例

    前端JS实现太极图案图文示例

    这篇文章主要为大家介绍了前端JS实现太极图案图文示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 8个工程必备的JavaScript代码片段

    8个工程必备的JavaScript代码片段

    这篇文章小编主要给大家介绍是8个工程中必须必备的JavaScript代码片段,需要的小伙伴可以参考下面文章的具体内容,对你有用的话建议收藏哦
    2021-09-09
  • 微信小程序 框架详解及实例应用

    微信小程序 框架详解及实例应用

    这篇文章主要介绍了微信小程序 框架详解及实例应用的相关资料,需要的朋友可以参考下
    2016-09-09
  • 详解使用koa2完成Excel导入导出

    详解使用koa2完成Excel导入导出

    这篇文章主要为大家介绍了详解使用koa2完成Excel导入导出示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • JS前端canvas交互实现拖拽旋转及缩放示例

    JS前端canvas交互实现拖拽旋转及缩放示例

    这篇文章主要为大家介绍了JS前端canvas交互实现拖拽旋转及缩放示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 使用 JS 复制页面内容的三种方案

    使用 JS 复制页面内容的三种方案

    这篇文章主要为大家介绍了使用 JS 复制页面内容的三种方案详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 登录的简单实现

    微信小程序 登录的简单实现

    这篇文章主要介绍了微信小程序 登录的简单实现的相关资料,需要的朋友可以参考下
    2017-04-04
  • 前端加密cryptojs与JSEncrypt使实例详解

    前端加密cryptojs与JSEncrypt使实例详解

    这篇文章主要为大家介绍了前端加密cryptojs与JSEncrypt使实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 九宫格实例代码

    微信小程序 九宫格实例代码

    这篇文章主要介绍了微信小程序 九宫格实例代码的相关资料,需要的朋友可以参考下
    2017-01-01

最新评论