微信小程序如何解決遇到修改數(shù)據(jù)后頁(yè)面不渲染的問題

小編給大家分享一下微信小程序如何解決遇到修改數(shù)據(jù)后頁(yè)面不渲染的問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

微信小程序遇到修改數(shù)據(jù)后頁(yè)面不渲染的問題解決

前言：

去年從小程序一開始出來(lái)到現(xiàn)在，我一直是比較看好和保持一定的關(guān)注度的，小程序的掀起的波浪我覺得一開始是在前端及其他技術(shù)開發(fā)人群中的，這是我第一次有意識(shí)的親眼目睹了一個(gè)新技術(shù)的發(fā)展，還是感覺比較榮幸的。
唱衰小程序？我的觀點(diǎn)是肯定不可能，因?yàn)楝F(xiàn)在每天提交http://www.php.cn/php/php-shenhe.html" target="_blank">審核的小程序還在繼續(xù)增加，而且有些小程序確實(shí)很好用，比如摩拜的掃碼騎車，還有我上周去KTV，直接用小程序掃屏幕上的二維碼，就可以綁定房間，然后通過小程序點(diǎn)歌，切歌，發(fā)表情包等方便好玩的事情，所以，在我看來(lái)，有些應(yīng)用場(chǎng)景是非常適合小程序的，以后生活中的更多場(chǎng)景會(huì)更多的應(yīng)用小程序。

截止到目前，小程序的系列文章寫了有十幾篇，基本上是解決開發(fā)中的一些問題，踩過的坑。我的小程序也已經(jīng)寫的差不多了，但是公司的https加密認(rèn)證還沒有弄好，所以只能暫且擱置在那里了。

數(shù)據(jù)修改不生效

今天繼續(xù)要介紹一個(gè)setData()的問題。

我們經(jīng)常會(huì)這樣寫：

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對(duì)象進(jìn)行了一些賦值操作，但是發(fā)現(xiàn)接著使用這些數(shù)據(jù)的時(shí)候是不對(duì)的，我們賦值的數(shù)據(jù)并沒有成功的渲染到頁(yè)面。找了好久之后我發(fā)現(xiàn)，原來(lái)要想數(shù)據(jù)立馬生效，必須要調(diào)用一下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();
  }
})

以上是“微信小程序如何解決遇到修改數(shù)據(jù)后頁(yè)面不渲染的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！