用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

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

纸飞机 2018-3-8 09:36

本系列重要是从活动中将参与者分享的代码片断凝成一个系列: 你可以在这里分享自己的代码片断,会在下一篇文章中加入你的分享的代码片断: 本次由哈尔滨的酸柠檬分享,原文地址一:返回数据给上一界面我们知道微信官 ...

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

本次由哈尔滨的酸柠檬分享,

原文地址

一:返回数据给上一界面

我们知道微信官方文档中教我们如何把当前界面的数据传输到要跳转的下一界面中,那么如何在下一界面返回当前界面时把数据返回来呢?
假设上一界面为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. object: that.data.object
  8. })
  9. }

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

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

比如,在test.wxml文件中:

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

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

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

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

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏