微信小程序-实现跳转链接并拼接参数(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,'数据数据数据') }
相关推荐
游戏开发爱好者818 分钟前
在 Windows、Linux 与 CI 环境下命令行上传 IPA 到 App Store
linux·windows·ios·ci/cd·小程序·uni-app·iphone
sheji341632 分钟前
【开题答辩全过程】以 基于微信小程序的摄影器材租赁系统设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
毕设源码-邱学长34 分钟前
【开题答辩全过程】以 基于微信小程序的社团管理系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
码农客栈2 小时前
小程序学习(十五)之通用轮播组件
小程序
浔川python社2 小时前
《C++ 小程序编写系列》(第七部):C++11 + 新特性实战 —— 性能与稳定性双提升
java·c++·小程序
码农客栈2 小时前
小程序学习(十三)之请求和上传文件拦截器
小程序·uni-app
风景的人生2 小时前
小程序接收respose中的数组
前端·微信小程序·小程序
说私域2 小时前
分享经济视角下社会化众包与众筹的创新路径——链动2+1模式AI智能名片小程序的融合应用
人工智能·小程序·流量运营·私域运营
谷哥的小弟2 小时前
图片上传自动人脸打码:微信小程序隐私保护实践
微信小程序·人脸识别·图片上传·马赛克·隐私保护·自动打码
夏天想2 小时前
微信小程序使用pinia-plugin-persistedstate报错找不到localstorage
微信小程序·小程序