微信小程序-实现跳转链接并拼接参数(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,'数据数据数据') }
相关推荐
vx_dmxq21121 小时前
【PHP考研互助系统】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·mysql·考研·微信小程序·小程序·php
蹦极的考拉21 小时前
夜间无法登录:ThinkPHP api接口 23:00 准时罢工的排查全纪录
小程序·thinkphp·api接口·无法登陆
vx_vxbs661 天前
【SSM电影网站】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·python·mysql·小程序·php·idea
我命由我123451 天前
微信开发者工具 - 模拟器分离窗口与关闭分离窗口
前端·javascript·学习·微信小程序·前端框架·html·js
G佳伟1 天前
‌微信小程序Webview转发页面空白问题解决方案‌
微信小程序·小程序
vx_vxbs661 天前
【SSM电动车智能充电服务平台】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·mysql·spring cloud·小程序·php·idea
小皮虾1 天前
告别服务器!小程序纯前端“图片转 PDF”工具,隐私安全又高效
前端·javascript·微信小程序
低代码布道师1 天前
医疗小程序12出诊列表
低代码·小程序
Coder-coco1 天前
游戏助手|游戏攻略|基于SprinBoot+vue的游戏攻略系统小程序(源码+数据库+文档)
java·vue.js·spring boot·游戏·小程序·论文·游戏助手
小小王app小程序开发2 天前
盲盒小程序一番赏衍生玩法:魔王赏、非酋赏、狂欢赏差异化分析
小程序