小程序模板网

实用代码片断系列《一》返回数据给上一界面,点击view获取view对应的内容 ..

发布时间:2018-04-16 10:39 所属栏目:小程序开发教程

本系列重要是从活动中将参与者分享的代码片断凝成一个系列: 
你可以在这里分享自己的代码片断,会在下一篇文章中加入你的分享的代码片断: 
分享实用代码片断活动,分享5个片断额外奖励一个月VIP会员

本次由哈尔滨的酸柠檬分享,原文地址

 

一:返回数据给上一界面

我们知道微信官方文档中教我们如何把当前界面的数据传输到要跳转的下一界面中,那么如何在下一界面返回当前界面时把数据返回来呢? 
假设上一界面为A,对应的A.js中有一段这样的代码:

 

				
  1. Page({
  2. data: {
  3. object: '',
  4. }
  5. })

下一界面为B,对应的B.js中有这个方法:

 

				
  1. navigateBackFunc: function(){
  2. var pages = getCurrentPages()
  3. var prevPage = pages[pages.length-1] //当前界面
  4. var prevPage = pages[pages.length-2] //上一个页面
  5. var that = this
  6. prevPage.setData({
  7.  
  8. object: that.data.object
  9.  
  10. })
  11. }

这样就能把B界面的值返回给A界面了

 

二:点击view获取view对应的内容

比如,在test.wxml文件中:

 

				
  1. <view data-text="{{item.text}}" class="static_cell" bindtap="{{item.func}}">{{item.text}}</view>

点击这个view之后就会执行bindtap方法,这时在test.js文件中的bindtap方法中,

 

				
  1. bindtapFunc: function (e) {
  2. console.log(e.currentTarget.dataset.text)
  3. }

就可以输出点击view的值。其中text可以换别的名称,只要wxml与js中的名字对应即可



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23443.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询