小程序页面加载的时候,可以通过options获取到上一个页面标签的属性以及属性值。那么,何为页面标签的属性以及属性值?
![86d0b69610b52a1de091f09a0b954388.png](https://img-blog.csdnimg.cn/img_convert/86d0b69610b52a1de091f09a0b954388.png)
Index.wxml中的name/age/hot就是属性,通过{{}}绑定属性的值,其属性值在index.js里作初始化。
![539e045ea96321138aca436430073a84.png](https://img-blog.csdnimg.cn/img_convert/539e045ea96321138aca436430073a84.png)
当点击button时:
![e2d95bb19c2b901f154978ce0724e980.png](https://img-blog.csdnimg.cn/img_convert/e2d95bb19c2b901f154978ce0724e980.png)
跳转到页面to,通过options获取到上一个页面标签的属性以及属性值(上面图1/2就是上一页面。)
![3e887f74458e72a00d9315f6e3962d39.png](https://img-blog.csdnimg.cn/img_convert/3e887f74458e72a00d9315f6e3962d39.png)
在这里值得注意的是index.js里的跳转处理函数,像这样
bindViewTap:function(){
var that = this
wx.navigateTo({
url: '/pages/test2/test2?nameData=' + that.data.name + '&hotData=' + that.data.hot
})
}
})
url: '/pages/test2/test2?nameData=' + that.data.name + '&hotData=' + that.data.hot中缺省了 + '&ageData=' + that.data.age ,页面会是这样:
![b618d15a57bdf69915e587c0a390833e.png](https://img-blog.csdnimg.cn/img_convert/b618d15a57bdf69915e587c0a390833e.png)
年龄的值传不了。所以跳转处理函数是传值的关键,要想传哪个值得在这函数里加上。现在,补全url: '/pages/test2/test2?nameData=' + that.data.name + '&ageData=' + that.data.age+'&hotData=' + that.data.hot就可以正常传值了。
![288463afb24fa123307dd68e38bd6409.png](https://img-blog.csdnimg.cn/img_convert/288463afb24fa123307dd68e38bd6409.png)