十年河东，十年河西，莫欺少年穷
学无止境，精益求精
小程序组件中没用OnLoad 事件，我们可以通过 lifetimes 事件来代替OnLoad事件，lifetimes 是在进入小程序组件Dom节点时触发。
代码如下
properties: { title: { type: String, value: "" } }, /** * 组件的初始数据 */ data: { ec: { onInit: initChart }, }, lifetimes: { attached: function () { // 在组件实例进入页面节点树时执行 this.GetData(); } }, /** * 组件的方法列表 */ methods: { GetData() {
言归正传
本文提供三种方式解决页面传值问题
1、通过本地存储 wx.setStorageSync 来解决该问题，该种方式不推荐，不作演示
2、通过参数的方式进行传递，并在目标页面中的OnLoad 方法中接收，此方式简单，不作演示。
3、通过获取当前页面栈的方式来实现
假设，页面A跳转至页面B，在B页面，我们能否直接修改A页面的参数呢？使用场景，跳转页作为查询项
我的查询页面如下：
<!--template/selectPinpai/selectPinpai.wxml--> <view class="tjBox" bindtap="tjBoxClick" data-SystemID="2" data-GroupID="1011"> <view> 钻速换电 </view> <view class="tjtext">品牌商</view> </view> <view class="tjBox" bindtap="tjBoxClick" data-SystemID="2" data-GroupID="1015"> <view> 广州保士骑 </view> <view class="tjtext">经销商</view> </view> <view class="tjBox" bindtap="tjBoxClick" data-SystemID="2" data-GroupID="1016"> <view> 政睿达租赁 </view> <view class="tjtext">经销商</view> </view> <view class="tjBox" bindtap="tjBoxClick" data-SystemID="2" data-GroupID="1017"> <view> 政睿达租赁（南村片区） </view> <view class="tjtext">代理商</view> </view> <view style="height: 24rpx; margin-bottom:12rpx;"></view>
当点击上图箭头指向的某个选项时，修改上一个页面的参数【该方式最多支持10级页面层次】，代码如下：
/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, tjBoxClick(e) { let that = this; var groupid = e.currentTarget.dataset.groupid; var systemid = e.currentTarget.dataset.systemid; var pages = getCurrentPages(); var currPage = pages[pages.length - 1]; var prePage = pages[pages.length - 2]; // console.log(prePage) // console.log(groupid) prePage.setData({ SearchGroupData: { groupid: groupid, systemid: systemid }, }) wx.navigateBack({ delta: 1 }) }
注意，该种方式跳转到主页面时，请使用： wx.navigateBack 的方式
注意：在主页面，或使用到该查询页的页面，要定义相同名称，相同属性的变量。
至此，结束。
#@天才卧龙的博客
请发表评论