微信小程序-实现跳转链接并拼接参数(URL拼接路径参数)

第一种常用拼接方法:普通传值的拼接

javascript 复制代码
//普通传值的拼接
  checkRouteBinttap: function (e) {
    wx.navigateTo({
      url: '../checkRoute/checkRoute?classId=' + this.data.classInfo.classId + "&taskId=" + this.data.classInfo.taskId,
    })
  }

第二种:拼接数组中的某一项链接

javascript 复制代码
Page({

  /**
   * 页面的初始数据
   */
  data: {
    step: 0,
    steps: [
      {
        title: '入职登记',//step1
        url: "/subPackageA/pages/livenessView/livenessView",
      },]
      },
       onLoad(options) {
            this.setData({
	         ['steps[3].url']:'/subPackageA/pages/livenessView/livenessView?backUrl=/subPackageA/pages/dianZiQian/dianZiQian&name='+options.name+"&idCard="+options.idcard ,
	                    })
	               }

第三种:获取数据成功后的拼接

javascript 复制代码
 wx.navigateTo({
			url: '/subPackageA/pages/dianZiQian/dianZiQian?name='+res.result.name+"&idcard="+res.result.idCard,
        })

第四种:自定义拼接

javascript 复制代码
wx.navigateTo({
url: '../shaiXuan/shaiXuan?rz=' + this.data.app_companyfinancing +  '&type=' + type,
	})

统一在onLoad(options) {}里面接收

javascript 复制代码
  onLoad(options) {
	  console.log(options,'数据数据数据') }
相关推荐
码农客栈9 小时前
小程序学习(二十六)之“订单详情”
小程序
weixin_4400583112 小时前
2026知识付费小程序:年费全包零抽成,录播题库全功能覆盖
小程序·apache·小程序开发
小羊Yveesss13 小时前
2026年微信小程序后端怎么搭建?后台、数据、接口和运维怎么选
运维·微信小程序·小程序
小皮虾13 小时前
小程序首页性能优化实战:从 4 秒到 1.8 秒
前端·微信小程序
HackTwoHub15 小时前
ARL灯塔重构版:支持APP/小程序/WEB资产同步扫描
人工智能·安全·web安全·网络安全·小程序·重构·自动化
投票竞赛17 小时前
避雷按单场活动扣费平台,2026 在线投票测评不限频次新建投票评选活动
小程序
2501_9159090620 小时前
IPA 深度混淆是什么意思?从混淆强度到实际效果的解读
android·ios·小程序·https·uni-app·iphone·webview
莫名的好感°21 小时前
2026家庭快消品采购小程序实测体验
小程序
黄华SJ520it1 天前
新零售排队免单系统开发全流程介绍
小程序·零售·系统开发
衍生星球3 天前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot