微信小程序 详解页面跳转与返回并回传数据
微信小程序 详解页面跳转与返回并回传数据
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();
},
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 页面传值详解，包括了微信小程序 页面传值详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序 页面传值详解 一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如 这里将good_id=16 参数传入detail页面, 然后detail页面的 onload方法内接受. 如果需要传多个参数, 用 & 链接即可 如果要传 数组, 字
-
本文向大家介绍微信小程序按钮点击跳转页面详解，包括了微信小程序按钮点击跳转页面详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序中，按钮也是<button></button>标签，它通过bindtap属性绑定点击事件： 然后在js里面注册这个回调函数： 回调函数里面通过 跳转到talkPage界面。 注意，html界面要在app.json里面注册： 不注册的话会报错：navigateTo:f
-
本文向大家介绍微信小程序 页面跳转传递值几种方法详解，包括了微信小程序 页面跳转传递值几种方法详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序 页面跳转传递值 微信小程序导航有两种形式：一种是在写在js中进行跳转，另一种是写在wxml页面中进行跳转。 1、js导航 （1）、wx.navigateTo(OBJECT) ：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBac
-
本文向大家介绍微信小程序 跳转页面的两种方法详解，包括了微信小程序 跳转页面的两种方法详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序 跳转页面 小程序页面有2种跳转，可以在wxml页面或者js中： 1，在wxml页面中： 2，在js页面中： 【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页，即为“tabB
-
本文向大家介绍微信小程序页面间跳转传参方式总结，包括了微信小程序页面间跳转传参方式总结的使用技巧和注意事项，需要的朋友参考一下 前言 在做微信小程序的时候，经常会遇到需要页面间传递参数的情况，根据目前项目经验，总结了以下几种方式：URL传参、缓存和方法调用。 URL传参 这种方式是最简单也是最常用的，这里就不做过多介绍了。 缓存 虽然URL传参比较简单易用，但也有局限性，就是只能传递简单参数，对于
-
本文向大家介绍微信小程序页面传多个参数跳转页面的实现方法，包括了微信小程序页面传多个参数跳转页面的实现方法的使用技巧和注意事项，需要的朋友参考一下 这里举例跳转两个参数 传递多少个也可以 这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap 在index.js 在 data 里我写的是假数据 在跳转页面的函数里传e 后面定义的东西根据e来确定 可以在con