7-获取值和设置值

在wxml页面中获取data里边的值是无论时候都是可以获取到已经修改过的最新的值

在js文件中的两种情况:

  • 情况一:在onLoad中有setData
    假如在onLoad方法中有setData中,那么在js其他的方法都可以获取到最新的值;不过在setData之前打印依然是页面初始值

在.js中:

data: {
   str:"测试"
},
onLoad: function (options) {
   console.log(this.data.str)   //测试
   this.setData({
      this.data.str= "我修改你了。。。"  
   })
   console.log(this.data.str)  //我修改你了。。
},

在.wxml中:

<view>
    {{test}}   
</view>
<!--我修改你了。。。-->
  • 情况二:在onLoad中没有setData
    在js页面中如果想用this.data.str获取值的时候,没有setData在前边已经设置了值的话只能获取到页面的初始值,必须的有setData设置以后才可以获取到最新的值,后边的两个方法没有setData所以打印的是初始值
getHttp() {
  console.log(this.data.str) //测试
  this.setData({
    str: "我已经修改了你了。。。。"
  })
  console.log(this.data.str) //我已经修改了你了。。。。
},
onReady: function () {
  console.log(this.data.str)  //测试
},
/**
 * 生命周期函数--监听页面显示
 */
onShow: function () {
  console.log(this.data.str)   //测试
},

总结:如果onload中有setData的话,那么页面其他方法都可以获取到最新设置的值;如果是没有setData的话,那么在其他方法里边必须先使用了setData才可以获取到最新的值

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.小程序起步 (1)点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 3,426评论 0 0
  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,417评论 0 9
  • 微信小程序的特点 小程序是一种不需要下载、安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开...
    Simple_3f19阅读 883评论 0 0
  • 前言: 上一篇文章我们介绍了.wxml和.wxss文件,这篇文章对js文件进行详细的讲解,首先贴上一个简单的js文...
    Smile__EveryDay阅读 20,318评论 0 7
  • 这里我要说一下。上课的时候你不要一个劲儿快。上一个讲课的速度越来越快的话,你要学会慢下来。 能快能慢,舒放自如,这...
    水原素阅读 116评论 0 2