文档章节

微信小程序页面跳转与返回并回传数据

别寒
 别寒
发布于 2017/01/19 17:40
字数 150
阅读 552
收藏 0

A页面:

.wxml文件

  <view class="flex-wrp">
        <text style="width: 32%;">选择城市</text>
        <input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" value="{{cityName}}"/>
     </view>

.js文件

Page({
  data: {
    cityName:"深圳"   #用来回传的关键字,默认深圳
  },
  city: function(e){
    wx.navigateTo({
        url: '../city/city'
    })
  }

})

A页面跳转B页面之后返回:

cityNameClick: function (event) {
    var cityName = event.currentTarget.dataset.cityname;
    console.log(cityName);

    var pages = getCurrentPages();
    var currPage = pages[pages.length - 1];   //当前页面
    var prevPage = pages[pages.length - 2];  //上一个页面

    //直接调用上一个页面的setData()方法,把数据存到上一个页面中去
    prevPage.setData({
      cityName: cityName
    })

    wx.navigateBack();
  },

© 著作权归作者所有

共有 人打赏支持
别寒
粉丝 30
博文 272
码字总数 138741
作品 0
永州
程序员
私信 提问
微信小程序框架逻辑层_注册程序App()函数

微信小程序-App()函数 微信小程序函数用来注册一个微信小程序。接受一个object参数,其指定微信小程序的生命周期函数等。 微信小程序_object参数说明: 前台、后台定义:当用户点击左上角关闭...

百度小程序
2018/11/12
0
0
微信小程序页面跳转导航wx.navigateTo和wx.redirectTo

在微信小程序里面如果有多个页面肯定有页面跳转,例如,当用户扫一扫微信小程序二维码后,就进入到了小程序的首页里面,然后,点击某个分类就进入到了这个分类的列表页,点击列表页的某一链接...

临江仙卜算子
2018/08/03
0
0
微信小程序中打开其他小程序、小程序之间跳转

一、微信小程序中支持 小程序之间跳转 条件:打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下) 二、接口:wx.navigateToMiniProgram(OBJECT) OBJECT...

tianma3798
2018/04/03
0
0
微信小程序-wepy-侧滑删除组件,支持自定义内容区在

在最近的微信小程序开发过程中需要用到侧滑删除的功能,微信小程序官方是没有提供这样的组件,再加上我们的微信小程序使用的是wepy组件开发框架开发的,wepy也没有提供这样的组件,之前也在g...

囧囧爱学习
02/13
0
0
微信小程序开发--路由切换,页面重定向

这段时间开发了一个微信小程序,虽然小程序的导航API 官方文档写得很详细,但是在具体开发过程中还是会遇到很多不明白,或者一时转不过弯的地方。 1、页面切换传参,参数读取    1.1 wx....

西岭千秋雪
2018/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

类加载机制过程

1.加载。 将代码转换成字节流加载进内存。加载完之后创建一个Class对象,这个对象是访问数据的入口。 2.验证。 JVM规范验证和代码逻辑验证。 3.准备 内存分配和初始化。对static修饰的类变量...

无精疯
32分钟前
3
0
next.js 提示 chunk styles [mini-css-extract-plugin]

会出现css 导入警告 导入两个插件 并在next.config.js 配置 yarn add webpack-filter-warnings-pluginyarn add mini-css-extract-plugin const FilterWarningsPlugin = require('webpack-......

一箭落旄头
40分钟前
2
0
AWS的自动部署codeploy 应用程序规范文件

codedeploy应用程序的规范文件 ECS平台上的应用规范文件: AppSpec file也可以是 YAML 或 JSON 格式的,可以直接写入控制台内的编辑器内。 AppSpec file用于指定: 用于将流量定向到新任务集...

守护-创造
47分钟前
1
0
Confluence 6 超过当前许可证期限进行升级

这个页面将会对你在进行 Confluence 升级的时候超过了当前许可证的期限进行升级的情况。 许可证警告 在升级的过程中,你将会在 Confluence 的应用程序日志(log file)中看到类似下面的错误提...

honeymoose
54分钟前
2
0
JS 调用Angularjs 的方法

// 1. 获取 Controllerlet appElement = document.querySelector('[data-ng-controller=MessagesCtrl]');let scope = angular.element(appElement).scope();// 2. 调用方法scope.l......

Moks角木
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部