微信小程序之页面跳转和参数传递的实现

前言:
在微信小程序里面的跳转其实和html里的超链接a差不多,我们实现跳转可以通过标签实现,也可以通过js实现,下面一一演示给大家看一下。
在展示demo前,我们需要先简单的建好项目文件夹做好准备。如下:
标签实现
小程序里面有一个类似于a标签的navigator标签,用来做跳转处理。
index页面:
<navigator url="../navigator/navigator?title=我是navi">跳转到新的页面</navigator> <navigator url="../redirect/redirect?title=我是red" redirect>跳转到当前页面</navigator>
navigator页面和redirect页面:
<view> {{title}} </view>
navigator.js页面和redirect.js页面:
Page({
data:{
title:''
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.setData({
title:options.title
})
},
})
而跳转也分为两种,一是跳转到新页面url后面的路径并可以携带参数,一种是在后面加上redirect,在当前页面打开,并携带参数。
注意:为了不让用户在使用小程序时造成困扰,我们规定页面路径只能是五层,请尽量避免多层级的交互方式。
tips:所跳转的页面一定不要忘了在app.json里配置哟,否则会报错。
2. js实现
用js实现只需要写上跳转代码即可,其它如上。
wx.navigateTo({
url: '../navigator/navigator?title=我是navi'
})
wx.redirectTo({
url: '../redirect/redirect?title=我是red'
})
tips:仔细观察下面图片会发现,跳转到其他页面会带有返回按钮,在当前页面打开则不会有。
图片展示:
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
# 小程序之页面跳转和参数传递
# 微信小程序
# 传参及页面跳转
# 微信小程序 动态修改页面数据及参数传递过程详解
# 微信小程序实现页面跳转传递参数(实体
# 对象)
# 微信小程序实现传递多个参数与事件处理
# 微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
# 微信小程序教程系列之页面跳转和参数传递(6)
# 微信小程序开发之数据存储 参数传递 数据缓存
# 微信小程序 navigator 跳转url传递参数
# 微信小程序之间的参数传递、获取的操作方法
# 跳转
# 我是
# 跳转到
# 可以通过
# 是在
# 会有
# 如有
# 一是
# 两种
# 希望能
# 给大家
# 只需要
# 看一下
# 报错
# 谢谢大家
# 类似于
# 则会
# 写上
# 到新
# 不要忘了
相关文章:
香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧
可靠的网站设计制作软件,做网站设计需要什么样的电脑配置?
建站之星Pro快速搭建教程:模板选择与功能配置指南
如何获取上海专业网站定制建站电话?
详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍?
营销式网站制作方案,销售哪个网站招聘效果最好?
大型企业网站制作流程,做网站需要注册公司吗?
存储型VPS适合搭建中小型网站吗?
建站之星下载版如何获取与安装?
如何快速生成可下载的建站源码工具?
ppt制作免费网站有哪些,ppt模板免费下载网站?
做企业网站制作流程,企业网站制作基本流程有哪些?
微课制作网站有哪些,微课网怎么进?
C++中的Pimpl idiom是什么,有什么好处?(隐藏实现)
深圳网站制作的公司有哪些,dido官方网站?
建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析
极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异?
北京制作网站的公司排名,北京三快科技有限公司是做什么?北京三快科技?
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
建站主机核心功能解析:服务器选择与网站搭建流程指南
建站VPS能否同时实现高效与安全翻墙?
c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】
建站主机是否属于云主机类型?
怎么将XML数据可视化 D3.js加载XML
装修招标网站设计制作流程,装修招标流程?
网站微信制作软件,如何制作微信链接?
韩国服务器如何优化跨境访问实现高效连接?
建站中国官网:模板定制+SEO优化+建站流程一站式指南
常州自助建站工具推荐:低成本搭建与模板选择技巧
c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】
实惠建站价格推荐:2025年高性价比自助建站套餐解析
如何通过网站建站时间优化SEO与用户体验?
全景视频制作网站有哪些,全景图怎么做成网页?
如何自定义建站之星模板颜色并下载新样式?
c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗
Python文件管理规范_工程实践说明【指导】
香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南
怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?
建站之星安装后界面空白如何解决?
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?
网页制作模板网站推荐,网页设计海报之类的素材哪里好?
内网网站制作软件,内网的网站如何发布到外网?
相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料?
上海网站制作网站建设公司,建筑电工证网上查询系统入口?
如何安全更换建站之星模板并保留数据?
如何彻底删除建站之星生成的Banner?
如何优化Golang Web性能_Golang HTTP服务器性能提升方法
再谈Python中的字符串与字符编码(推荐)
*请认真填写需求信息,我们会在24小时内与您取得联系。