您的位置：首页 > 移动开发 > 微信开发

微信小程序入门——页面跳转、数据传递、数据接收

2017-10-13 17:37 791 查看

页面跳转的两种（navigator，redirect）

区别： navigator跳转只是把页面变为hide，之前的历史记录还在。
而redirect是把页面直接unonload，历史记录会消失。



这个是navigator的调用方式(wxml)

<navigator url="pages/{{page}}/{{page}}" class="navigator" redirect>
<view class="navigator-text">{{page}}</view>
<view class="navigator-arrow"></view>
</navigator>

navigator(js)

wx.navigateTo({url:"..."})



redirect只需要在标签最后添加redirect即可(wxml)

<navigator url="pages/{{page}}/{{page}}" class="navigator" redirect>
<view class="navigator-text">{{page}}</view>
<view class="navigator-arrow"></view>
</navigator>


redirect(js)

wx.redirectTo({url:"..."})


数据传递,在url后加上?key=value

<navigator url="pages/{{page}}/{{page}}?param=XXX" class="navigator">
<view class="navigator-text">{{page}}</view>
<view class="navigator-arrow"></view>
</navigator>

数据接收，在页面的生命周期函数中有一个onLoad，即加载时调用，传递的参数都会在options中，通过option.param即可获取

onLoad: function (options) {

},
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航