美文网首页
小程序开发

小程序开发

作者: Do_Du | 来源:发表于2020-06-29 11:19 被阅读0次

一、小程序中onShow获取options参数

onLoad是可以获取options参数,但是onShow获取不到,可以通过页面栈来获取

onShow(){
  let pages = getCurrentPages(); // 获取当前小程序的页面栈 -数组 长度最大是10个页面
  let currentPage =pages[pages.length -1];  // 数组中 索引最大的页面就是当前页面
  let options = currentPage.options; // 即可以获取到同onLoad一样的参数
}

二、获取上一个页面的页面栈、给上一个页面数据赋值、调用上一个页面的方法

let pages = getCurrentPages();
let PrePage = pages[pages.length -2];
PrePage.setData({ // 给上一个页面数据赋值
  isShow: true
})
wx.navigateBack({ // 返回上一个页面
  delta: 1
})

或
setTimeout(()=>{
  wx.navigateBack({
    delta: 1,
    success(res){
       PrePage.setData({ // 给上一个页面数据赋值
         isShow: true
       })
      PrePage.getUserInfo();
    }
  })
},2000)

或 上一个页面数据是对象形式

<view data-ajaxData="ajaxData.realname">这是上一个页面</view>
传到下一个页面'ajaxData.realname'
下一个页面onLoad方法接收参数'ajaxData.realname' 并存至objData

var that = this,
    result = that.data.result ? that.data.result : '',
    objData = that.data.objData; // objData = ajaxData.realname

let pages = getCurrentPages();
let PrePage = pages[pages.length -2];

console.log(prePage.data[objData]); // 等价于 prePage.data.ajaxData.realname 但是不可以这么写

result = prePage.data[objData] ? prePage.data[objData].concat(result): result; // prePage.data[obj] 获取上一页obj对象字段值

prePage.setData({ // 需要传递的参数在这里setData,上个页面就会执行
  [objData] : result
})

wx.navigateBack({
  delta: 1
})

相关文章

  • 潍坊小程序开发

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 潍坊商城小程序开发制作

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 潍坊商城小程序网站开发制作

    潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊...

  • 小程序Cloud开发归纳

    小程序云开发 小程序·云开发是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小...

  • 微信小程序开发系列六:微信框架API的调用

    微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的...

  • 共享链小程序软件开发

    共享链小程序模式开发;共享链小程序软件源码开发;共享链小程序系统开发;共享链小程序系统模式。 共享链小程序商家返利...

  • 微信小程序的开发与原理

    微信小程序的开发与原理 1, 小程序与普通网⻚开发的区别 小程序的主要开发语言是 JavaScript ,小程序的...

  • 潍坊商城小程序软件开发制作

    潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小...

  • 微信小程序知识全景思维导图

    微信小程序思维导图 腾讯云小程序学习地址 小程序开发文档 小程序开发社区

  • 微信小程序开发(微信小程序与普通网页开发的区别和联系)

    1. 小程序与普通网页开发的区别 (1)开发语言 小程序的主要开发语言是 JavaScript 小程序的开发同普通...

网友评论

      本文标题:小程序开发

      本文链接:https://www.haomeiwen.com/subject/omqofktx.html