当前位置: 首页 > news >正文

php微信小程序选项跳转,实现微信小程序路由跳转指定页面的代码实例

068ca3e480f7655e0453e3a9d9e42970.png

如何实现微信小程序路由跳转指定页面?微信小程序路由跳转,共有三种形式,页面中使用navigator组件做页面链接形式路由跳转,js中可以使用wx.navigateTo--保留当前页面,跳转到应用内的某个页面,wx.redirectTo--关闭当前页面,跳转到应用内的某个页面 wx.navigateBack()--关闭当前页面,回退前一页面。

navigator组件做页面链接

页面链接。

b994df8ca1e5763e839faa927803f873.png

注:navigator-hover默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, 的子节点背景色应为透明色

示例代码:/** wxss **//** 修改默认的navigator点击态 **/

.navigator-hover

{

color:blue;

}

/** 自定义其他点击态样式类 **/

.other-navigator-hover

{

color:red;

}跳转到新页面 在当前页打开(关闭了当前页面){{title}} 点击左上角返回回到之前页面{{title}} 点击左上角返回回到上级页面// redirect.js navigator.jsPage({ onLoad: function(options) { this.setData({ title: options.title }) }})

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

OBJECT参数说明:

03978e0aefe5eeb817758dfdf4ca5d35.png

示例代码:wx.navigateTo({ url: 'test?id=1'})

注意:为了不让用户在使用小程序时造成困扰,我们规定页面路径只能是五层,请尽量避免多层级的交互方式。wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

OBJECT参数说明:

8badf8729deeae3040735631e733e9e4.png

示例代码:wx.redirectTo({ url: 'test?id=1'})

wx.navigateBack()

关闭当前页面,回退前一页面。

相关文章:

  • matlab图源代码,[转载]常用的一些图像处理Matlab源代码
  • 奇虎郑文彬:还原系统保护技术原理和攻防
  • php websocket class,server.php
  • 腾讯李旬保:WASL-Web应用安全的思考
  • java哈希映射干什么的,java 弱哈希映射表WeakHashMap原理
  • Java多线程Jdbc,java - jdbctemplate.batchupdate是多线程还是并发? - 堆栈内存溢出
  • 微软禇诚云:软件安全漏洞与软件开发
  • php怎么将二维数组倒置,如何在PHP中旋转二维数组90度
  • php小项目实例试题,lamp小项目实施题目及参考答案
  • 中移动为何惧怕Nokia和iPhone
  • 男人30学php,科学网—男人30岁之前要学的16件事 - 刘石泉的博文
  • php动态远吗怎么修改,PHP动态修改GD库扩展问题
  • 猫扑视频未被处罚,此猫扑非彼猫扑
  • php解json字符串,如何解码PHP中的JSON字符串?
  • 吴石:几种软件缺陷的可能利用方法
  • [NodeJS] 关于Buffer
  • flask接收请求并推入栈
  • Java Agent 学习笔记
  • Mysql优化
  • Node + FFmpeg 实现Canvas动画导出视频
  • Python语法速览与机器学习开发环境搭建
  • Rancher-k8s加速安装文档
  • Spring框架之我见(三)——IOC、AOP
  • SQLServer之索引简介
  • vue2.0开发聊天程序(四) 完整体验一次Vue开发(下)
  • 服务器之间,相同帐号,实现免密钥登录
  • 计算机常识 - 收藏集 - 掘金
  • 跨域
  • 前端临床手札——文件上传
  • 悄悄地说一个bug
  • 容器服务kubernetes弹性伸缩高级用法
  • 如何使用 OAuth 2.0 将 LinkedIn 集成入 iOS 应用
  • 微信小程序开发问题汇总
  • 再谈express与koa的对比
  • 数据可视化之下发图实践
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • # 达梦数据库知识点
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • (+3)1.3敏捷宣言与敏捷过程的特点
  • (10)工业界推荐系统-小红书推荐场景及内部实践【排序模型的特征】
  • (12)Linux 常见的三种进程状态
  • (4)事件处理——(6)给.ready()回调函数传递一个参数(Passing an argument to the .ready() callback)...
  • (MATLAB)第五章-矩阵运算
  • (转)C#开发微信门户及应用(1)--开始使用微信接口
  • **PHP分步表单提交思路(分页表单提交)
  • .mysql secret在哪_MYSQL基本操作(上)
  • .mysql secret在哪_MySQL如何使用索引
  • .NET 跨平台图形库 SkiaSharp 基础应用
  • .NET/C# 中设置当发生某个特定异常时进入断点(不借助 Visual Studio 的纯代码实现)
  • .net网站发布-允许更新此预编译站点
  • .set 数据导入matlab,设置变量导入选项 - MATLAB setvaropts - MathWorks 中国
  • :中兴通讯为何成功
  • @converter 只能用mysql吗_python-MySQLConverter对象没有mysql-connector属性’...
  • [ASP.NET MVC]Ajax与CustomErrors的尴尬
  • [BUG]Datax写入数据到psql报不能序列化特殊字符