草庐IT

微信小程序的路由跳转、路由传参

汐汐不开心 2024-05-17 原文

1、路由跳转

声明式：就是指标签实现的跳转方式；

编程式：就是指js事件实现的跳转方式；

原生js跳转：（2种）

  • 声明式：a标签              属性 href
  • 编程式：location            属性  href

vue跳转：（2种）

  • 声明式：router-link        属性to
  • 编程式：this.$router.push

小程序跳转：（2种）

  • 声明式：navigator标签    属性url（跳转的路径）小程序跳转的时候可以用绝对路径；也可以用相对路径。
  • 编程式：利用js来跳转

小程序跳转注意事项：写路径的时候一定不要忘记加斜杠，理由：你如果不加斜杠的话，它就会在当前页面里面去找这个路径，那肯定找不到呀，因此写绝对路径时千万记得加斜杠。

小程序里面严格区分tabBar页面和非tabBar页面，那么问题来了，那我们如何区分呢？

        我们可以参考一下微信公众平台里面的官方文档：

        navigate：跳转的是非tabBar页面，它有一个open-type属性，后面跟的属性值可以帮助我们区分，以下为属性值：

navigate：跳转到非tabBar页面
switchTab：跳转到tabBar页面
navigateBack：返回上一级或多级（最多十级：超过十级返回首页）
redirectTo：关闭当前页面，跳转到应用内的某个页面，但是不允许跳转到tabBar页面
reLaunch：关闭所有页面，打开到应用的某个页面

        navigate与redirectTo的区别：（因为navigate跳转的时候会给页面添加缓存，而redirectTo没有缓存。）
        redirectTo（上一个页面不需要返回的时候使用：使用场景：支付页面完毕后使用；还有登陆后也可以使用）

        redirectTo与reLaunch的区别：redirectTo关闭当前页面，跳转到某个页面，reLaunch关闭所有页面，跳转到某个页面。

2、路由传参

//  第一种传参方式：路径 ? 参数1=值 & 参数2=值 & 参数3=值
toShopCar(){
    wx.navigateTo({
        url:'/pages/pay/pay?            username='+this.data.form.username+'&goodsNum='+this.data.form.goodsNum
    })
}

//  第二种传参方式：模板字符串 路径 ? 参数1=${值} & 参数2=${值}
toShopCar(){
    wx.navigateTo({
        url:`/pages/pay/pay?username=${this.data.form.username}&goodsNum=${this.data.form.goodsNum}`
    })
}

路由微信小程序xffxff1xff1a

有关微信小程序的路由跳转、路由传参的更多相关文章

  1. ruby-on-rails - Rails 3 中的多个路由文件 - 2

    Rails2.3可以选择随时使用RouteSet#add_configuration_file添加更多路由。是否可以在Rails3项目中做同样的事情？ 最佳答案 在config/application.rb中:config.paths.config.routes在Rails3.2(也可能是Rails3.1)中，使用:config.paths["config/routes"] 关于ruby-on-rails-Rails3中的多个路由文件，我们在StackOverflow上找到一个类似的问题

  2. ruby - rails 3 redirect_to 将参数传递给命名路由 - 2

    我没有找到太多关于如何执行此操作的信息，尽管有很多关于如何使用像这样的redirect_to将参数传递给重定向的建议:action=>'something',:controller=>'something'在我的应用程序中，我在路由文件中有以下内容match'profile'=>'User#show'我的表演Action是这样的defshow@user=User.find(params[:user])@title=@user.first_nameend重定向发生在同一个用户Controller中，就像这样defregister@title="Registration"@user=Use

  3. ruby-on-rails - Rails 3，嵌套资源，没有路由匹配 [PUT] - 2

    我真的为这个而疯狂。我一直在搜索答案并尝试我找到的所有内容，包括相关问题和stackoverflow上的答案，但仍然无法正常工作。我正在使用嵌套资源，但无法使表单正常工作。我总是遇到错误，例如没有路线匹配[PUT]"/galleries/1/photos"表格在这里:/galleries/1/photos/1/edit路线.rbresources:galleriesdoresources:photosendresources:galleriesresources:photos照片Controller.rbdefnew@gallery=Gallery.find(params[:galle

  4. 微信小程序通过字典表匹配对应数据 - 2

    前言一般来说，前端根据后台返回code码展示对应内容只需要在前台判断code值展示对应的内容即可，但要是匹配的code码比较多或者多个页面用到时，为了便于后期维护，后台就会使用字典表让前端匹配，下面我将在微信小程序中通过wxs的方法实现这个操作。为什么要使用wxs？{{method(a,b)}}可以看到，上述代码是一个调用方法传值的操作，在vue中很常见，多用于数据之间的转换，但由于微信小程序诸多限制的原因，你并不能优雅的这样操作，可能有人会说，为什么不用if判断实现呢？但是if判断的局限性在于如果存在数据量过大时，大量重复性操作和if判断会让你的代码显得异常冗余。wxswxs相当于是一个独立

  5. 计算机毕业设计ssm+vue基本微信小程序的小学生兴趣延时班预约小程序 - 2

    项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明：前端使用微信微信小程序开发工具：后端使用ssm：VU

  6. 微信小程序开发入门与实战（Behaviors使用） - 2

    @作者:SYFStrive @博客首页:HomePage📜：微信小程序📌：个人社区（欢迎大佬们加入）👉：社区链接🔗📌：觉得文章不错可以点点关注👉：专栏连接🔗💃：感谢支持,学累了可以先看小段由小胖给大家带来的街舞👉微信小程序（🔥）目录自定义组件-behaviors    1、什么是behaviors    2、behaviors的工作方式    3、创建behavior    4、导入并使用behavior    5、behavior中所有可用的节点    6、同名字段的覆盖和组合规则总结最后自定义组件-behaviors    1、什么是behaviorsbehaviors是小程序中，用于实现

  7. ruby-on-rails - Rails - 从命名路由中提取 HTTP 动词 - 2

    Rails中有没有一种方法可以提取与路由关联的HTTP动词？例如，给定这样的路线:将“users”匹配到:“users#show”，通过:[:get,:post]我能实现这样的目标吗？users_path.respond_to?(:get)(显然#respond_to不是正确的方法)我最接近的是通过执行以下操作，但它似乎并不令人满意。Rails.application.routes.routes.named_routes["users"].constraints[:request_method]#=>/^GET$/对于上下文，我有一个设置cookie然后执行redirect_to:ba

  8. ruby-on-rails - 如何在 Rails 中设置路由的默认格式？ - 2

    路由有如下代码:resources:orders,only:[:create],defaults:{format:'json'}resources:users,only:[:create,:update],defaults:{format:'json'}resources:delivery_types,only:[:index],defaults:{format:'json'}resources:time_corrections,only:[:index],defaults:{format:'json'}是否可以使用1个字符串为所有资源设置默认格式，每行不带“默认值”散列？谢谢。

  9. ruby - cucumber 的路由问题 - 2

    我正在使用rails3和cucumber，除了这个小问题，一切都很顺利GivenIamonthe"editautomobile"pageNoroutematches{:controller=>"automobiles",:action=>"edit"}(ActionController::RoutingError)现在路径在paths.rb中设置为edit_automobile_path在routes.rb中我有汽车作为资源，我搭建了它所以请告诉我我遗漏了什么，清楚地定义了路线并且匹配，因为我运行了rake路线并看到了路线。请指出正确的方向 最佳答案

  10. ruby - Rails 路由 : Giving default values for path helpers - 2

    有什么方法可以为url/path助手提供默认值吗？我有一个可选范围环绕我的所有路线:#config/routes.rbFoo::Application.routes.drawdoscope"(:current_brand)",:constraints=>{:current_brand=>/(foo)|(bar)/}do#...allotherroutesgohereendend我希望用户能够使用这些URL访问网站:/foo/some-place/bar/some-place/some-place为了方便起见，我在我的ApplicationController中设置了一个@current

随机推荐