本文主要是介绍微信小程序页面栈实验及getCurrentPages方法的使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
创建两个页面一个模拟微博展示页,另一个模拟微博编辑页:
微博展示页代码如下:
// pages/weibo/weibo.js
Page({/*** 页面的初始数据*/data: {weibos:[]},writeweibo:function(event){wx.navigateTo({url: '/pages/writeweibo/writeweibo',})}
})
<!--pages/weibo/weibo.wxml-->
<view> 111 </view>
<view wx:for="{{weibos}}">{{item}}
</view>
<button type='primary' bindtap="writeweibo">发微博</button>
微博编辑页代码如下:
// pages/writeweibo/writeweibo.js
Page({/*** 页面的初始数据*/data: {},submitEvent:function(event){var content = event.detail.value.content;var pages = getCurrentPages();//这里用getCurrentPages方法获取了所有的页面栈var page = pages[0];var weibos = page.data.weibos;weibos.push(content);page.setData({weibos:weibos})wx:wx.navigateBack({})}})
<!--pages/writeweibo/writeweibo.wxml-->
<view><form bindsubmit="submitEvent"><textarea name='content' placeholder="请输入内容"></textarea><button form-type="submit">提交</button></form>
</view>
这篇关于微信小程序页面栈实验及getCurrentPages方法的使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!