微信小程序 页面跳转(传参跟不传参)

跳转页面传参

1.首先我的目录结构是这样的,并在 cinema.wxml 定义了一个点击事件 bindtap=‘indetai’
在这里插入图片描述
2.然后在 cinema.js 的data里面定义了一个 score,并实现了 indetai 方法

data{
 score:8.8
}//实现indetai方法
inhome(){
    wx.navigateTo({
     //url:需要跳转到的页面的地址, this.data.score 就是我们要传递的参数了
      url: '../detai/detai?num='+this.data.score   
    })
},

在这里插入图片描述
3.在 detai.js 的 data 里面也定义一个 score ,再在 onLoad 函数里面接收传递过来的值

 data: {
    score:0
 }/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //把接收到的值赋值给score
    this.setData({
      score:options.num
    })
  },

4.在页面上显示得到的值
在这里插入图片描述
在这里插入图片描述

这样就得到跳转页面传参就完成了!

接下来说说跳转页面不传参

不需要传参的话
就只需要写一个点击事件就可以跳转页面啦!

 indetai(){
    wx.navigateTo({
    //url:需要跳转到的页面的地址
      url: '../detai/detai'
    })
 },
一起加油哦!
版权声明:本文为qq_43627798原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_43627798/article/details/88645070

智能推荐

Unity人物角色动画系统学习总结

使用动画系统控制人物行走、转向、翻墙、滑行、拾取木头 混合树用来混合多个动画 MatchTarget用来匹配翻墙贴合墙上的某一点,人物以此为支点翻墙跳跃 IK动画类似于MatchTarget,控制两只手上的两个点来指定手的旋转和位置,使得拾取木头时更逼真 创建AnimatorController: 首先创建一个混合树,然后双击 可以看到该混合树有五种状态机,分别是Idle、WalkForward、...

Composer 安装 ThinkPHP6 问题

Composer 安装 ThinkPHP6 问题 先说说问题 一.运行环境要求 二.配置 参考: ThinkPHP6.0完全开发手册 先说说问题 执行ThinkPHP6的安装命令 遇到问题汇总如下: 看提示是要更新版本,执行命令更新。 更新之后,再次安装ThinkPHP,之后遇到如下问题。 尝试了很多方法,依然不能解决。其中包括使用https://packagist.phpcomposer.com...

Spring Boot 整合JDBC

今天主要讲解一下SpringBoot如何整合JDBC,没啥理论好说的,直接上代码,看项目整体结构 看一下对应的pom.xml 定义User.java 定义数据源配置,这里使用druid,所以需要写一个配置类 上面指定druid的属性配置,和用户登录的账号信息以及对应的过滤规则: 下面定义数据访问接口和对应的实现: 数据访问层很简单,直接注入JdbcTemplate模板即可,下面再看对应的servi...

html鼠标悬停显示样式

1.显示小手:     在style中添加cursor:pointer 实现鼠标悬停变成小手样式     实例:         其他参数: cursor语法: cursor : auto | crosshair | default | hand | move | help | wait | tex...

Yupoo(又拍网)的系统架构

Yupoo!(又拍网) 是目前国内最大的图片服务提供商,整个网站构建于大量的开源软件之上。以下为其使用到的开源软件信息: 操作系统:CentOS、MacOSX、Ubuntu 服务器:Apache、Nginx、Squid 数据库:MySQLmochiweb、MySQLdb 服务器监控:Cacti、Nagios、 开发语言:PHP、Python、Erlang、Java、Lua 分布式计算:Hadoop...

猜你喜欢

创建一个Servlet项目流程(入门)

版本 IDEA 2020.2 JDK1.8 apache-tomcat-9.0.36 项目流程 一、IDEA中新建JaveEE项目 项目起名,选择项目存放地址,点击finish创建成功 进入项目后,右键选择项目,选择add Framework Support 选择Web Application,点击OK 此时项目文件夹 在WEB-INF下创建两个目录classes和lib 按ctrl+alt+sh...

Docker部署SpringCloud ELK+RabbitMQ日志

Docker部署SpringCloud ELK+RabbitMQ日志  Im_Coder 原文:https://www.jianshu.com/p/f773f23096a9 一、效果图 image.png 二、ELK是什么? ELK由ElasticSearch、Logstash和Kiabana三个开源工具组成。 其中Elasticsearch是个开源分布式搜索引擎,它的特点有:分布式,索...

[译]高性能缓存库Caffeine介绍及实践

概览 本文我们将介绍Caffeine-一个Java高性能缓存库。缓存和Map之间的一个根本区别是缓存会将储存的元素逐出。逐出策略决定了在什么时间应该删除哪些对象,逐出策略直接影响缓存的命中率,这是缓存库的关键特征。Caffeine使用Window TinyLfu逐出策略,该策略提供了接近最佳的命中率。 添加依赖 首先在pom.xml文件中添加Caffeine相关依赖: 您可以在Maven Cent...

Django开发微信公众号

一、微信公众号的准备: 1. 注册 访问地址:https://mp.weixin.qq.com/  按照提示注册即可  注意:本文样例使用个人公众号,由于个人公众号没有接口权限,自定义菜单无法进行开发,同学们不要注册错!  2. 配置 需要准备好自己的服务器地址,可以使用腾讯云阿里云京东云等等皆可,没有域名用IP也可以。  在公众平台官网的开发-基本设置页面...

vs2019实现makefile内容

vs全宇宙第一编译器,使用vs2019开发linux是很方便,但是怎么将makefile中的选项对应到vs2019的工程属性中呢?记录下踩过的坑,当然可以用cmake,共同缺点就是编译太慢 1.在vs工程属性中包含linux的系统头文件 我觉得在这里添加要合适一些,这里添加linux下的系统头文件,他会自动复制到window下 2.添加额外头文件路径, 当提示找不到头文件,但是有执行了上面的两条,...