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

发布时间 - 2026-01-10 23:01:51    点击率:

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

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();
 },

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# 微信小程序页面跳转与返回并回传数据  # 微信小程序页面跳转数据传递  # 微信小程序  # 微信小程序 页面跳转传参详解  # 微信小程序 页面跳转和数据传递实例详解  # 微信小程序实现点击文字页面跳转功能【附源码下载】  # 微信小程序实现页面跳转传值以及获取值的方法分析  # 微信小程序 页面跳转传递值几种方法详解  # 微信小程序 页面跳转事件绑定的实例详解  # 详解微信小程序 页面跳转 传递参数  # 微信小程序 页面跳转如何实现传值  # 微信小程序常见页面跳转操作简单示例  # 微信小程序之五种页面跳转方法小结  # 跳转  # 深圳  # 回传  # 希望能  # 请选择  # 中去  # 谢谢大家  # 直接调用  # input  # strong  # style  # width  # city  # view  # bindtap  # type  # text  # brush  # xml  # class 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 公司网站制作需要多少钱,找人做公司网站需要多少钱?  原生JS实现图片轮播切换效果  Laravel观察者模式如何使用_Laravel Model Observer配置  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  如何在万网自助建站平台快速创建网站?  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  jQuery validate插件功能与用法详解  Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  Laravel Fortify是什么,和Jetstream有什么关系  如何快速查询域名建站关键信息?  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  Android GridView 滑动条设置一直显示状态(推荐)  Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  西安专业网站制作公司有哪些,陕西省建行官方网站?  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  Swift中switch语句区间和元组模式匹配  动图在线制作网站有哪些,滑动动图图集怎么做?  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  成都网站制作公司哪家好,四川省职工服务网是做什么用?  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  Laravel如何实现数据库事务?(DB Facade示例)  Laravel怎么上传文件_Laravel图片上传及存储配置  Laravel模型事件有哪些_Laravel Model Event生命周期详解  EditPlus中的正则表达式 实战(1)  Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析  如何实现javascript表单验证_正则表达式有哪些实用技巧  桂林网站制作公司有哪些,桂林马拉松怎么报名?  如何为不同团队 ID 动态生成多个非值班状态按钮  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  装修招标网站设计制作流程,装修招标流程?  米侠浏览器网页背景异常怎么办 米侠显示修复  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  如何实现建站之星域名转发设置?  Windows家庭版如何开启组策略(gpedit.msc)?(安装方法)  Laravel如何使用Collections进行数据处理?(实用方法示例)  android nfc常用标签读取总结  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  利用vue写todolist单页应用  ,交易猫的商品怎么发布到网站上去?  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  如何快速使用云服务器搭建个人网站?  今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】