位置: IT常识 - 正文

uniapp之路由中携带参数跳转(uniapp h5路由模式)

编辑:rootadmin
uniapp之路由中携带参数跳转

目录

前言

一 路由跳转方式

1. 直接在 template中定义

2.直接在methods中定义

 二 携带参数

1.在template中定义

2.在methods里定义 

 3.+ 拼接

推荐整理分享uniapp之路由中携带参数跳转(uniapp h5路由模式),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uniapp获取路由参数,uniapp route,uniapp router,uni-app路由,uniapp路由嵌套,uni-app路由,uniapp路由嵌套,uniapp获取路由参数,内容如对您有帮助,希望把文章链接给更多的朋友!

4.报错

前言

在我们写 uniapp 小程序时,时常遇到的就是路由携带参数进行跳转,这项功能似乎已成家常便饭一样,总是能遇到,虽说官网里面有吧,但这边呢,我还是决定写篇文章记录总结下,以便时间长了忘记了。先分析路由跳转的几种方式,在介绍怎么携带吧

话不多说,直接开干

一 路由跳转方式1. 直接在 template中定义

直接在绑定事件后面携带自己要跳转的路径

<view class="content-item" @click="goplateNum('/subpkg/myAllList/plateNum')"></view>methods中 goplateNum(url) { uni.navigateTo({ url: url }) },2.直接在methods中定义

在methods中URL 定义跳转路径

<view class="content-item" @click="goBalance"> </view>methods goBalance() { uni.navigateTo({ url: '/subpkg/myAllList/balance' }) },

怎么说,一个是作为参数,另一个直接使用,这两种都可以实现。看自己喜欢就写哪种吧,两个都写也可以 ,既然路由跳转也这两种,那么携带参数的话,也对应上面的介绍

 二 携带参数1.在template中定义uniapp之路由中携带参数跳转(uniapp h5路由模式)

实话实说,第一种我不曾用过,因为携带参数跳转有时要传递很多数据,那肯定是要使用(encodeURIComponent)对参数进行编码,这样就会显得template代码用起来有点过多,我不太喜欢。至于这个方法,我是在官网里看到的,

就是直接在

<view class="content-item" @click="goplateNum('/subpkg/myAllList/plateNum')"></view>

item的话是 前面 v-for循环 数组中的item项 

/subpkg/myAllList/plateNum?item=${encodeURIComponent(JSON.stringify(item))

接收的话,是需要的页面的onload里面定义 

onLoad(option) { // 接收传递的参数 const item = JSON.parse(decodeURIComponent(option.item)); console.log('上一个页面传递过来的参数', 'item'); }2.在methods里定义  <view @click="GoService(item)">{{item.stationName}}</view>methods中定义 GoService(item) { uni.navigateTo({ url: `/subpkg/service/service?item=${encodeURIComponent(JSON.stringify(item))}` }) },

 3.+ 拼接let items = encodeURIComponent(JSON.stringify(index));        console.log(items)         uni.navigateTo({             url: '../AddAddress/index?itemlist=' + items,         })接收页面onLoad(e) {      console.log(e)      let obj = e.itemlist.replace("\"([^\"]*)\"", "$1");      this.list = JSON.parse(obj)      console.log(this.list)   },4.会报 在位置0的JSON中意外的令牌u

“SyntaxError: Unexpected token u in JSON at  position 0” 

翻译过来就是 “SyntaxError:在位置0的JSON中意外的令牌u”

解决办法

在接收参数的那个页面里

const connectorList = JSON.parse(decodeURIComponent(option.connectorList ? option.connectorList : '{}'));

写个 三元表达式

参数 ? 参数 : ‘{ }’   最后的 { } 可以改为 【 】

本文链接地址:https://www.jiuchutong.com/zhishi/300647.html 转载请保留说明!

上一篇:卷积 - 3. 分组卷积 详解(卷积拆分)

下一篇:目标检测论文解读复现【NO.21】基于改进YOLOv7的小目标检测(目标检测论文解析怎么写)

  •  wps行距怎么设置在哪里(wps行距怎么设置20磅)

    wps行距怎么设置在哪里(wps行距怎么设置20磅)

  • 和留言是什么业务(和留言是什么业务怎么取消)

    和留言是什么业务(和留言是什么业务怎么取消)

  • 微信朋友圈怎么删除评论(微信朋友圈怎么发长视频教程)

    微信朋友圈怎么删除评论(微信朋友圈怎么发长视频教程)

  • 联想笔记本电脑找不到WLAN(联想笔记本电脑黑屏打不开怎么办)

    联想笔记本电脑找不到WLAN(联想笔记本电脑黑屏打不开怎么办)

  • 华为手机插上耳机总是跳出语音助手(华为手机插上耳机还是外放)

    华为手机插上耳机总是跳出语音助手(华为手机插上耳机还是外放)

  • 抖音抖一下对方知道吗(抖音里对方)

    抖音抖一下对方知道吗(抖音里对方)

  • qq被拉黑了加好友对方能看到吗(qq被拉黑加好友是什么状态)

    qq被拉黑了加好友对方能看到吗(qq被拉黑加好友是什么状态)

  • vsco有没有电脑版(vsco使用要用钱的吗)

    vsco有没有电脑版(vsco使用要用钱的吗)

  • 微信添加好友过于频繁要多久才能再加(微信添加好友过于频繁怎么解决)

    微信添加好友过于频繁要多久才能再加(微信添加好友过于频繁怎么解决)

  • 淘宝账户性别可以改吗(淘宝账号的性别可以随便改吗)

    淘宝账户性别可以改吗(淘宝账号的性别可以随便改吗)

  • 12306买票身份证未通过核验是什么意思(12306买票身份证丢了怎么办)

    12306买票身份证未通过核验是什么意思(12306买票身份证丢了怎么办)

  • mp4压缩文件到最小(mp4文件如何压缩到最小)

    mp4压缩文件到最小(mp4文件如何压缩到最小)

  • 手机wps文件名无效或为空(手机wps文件名后有后缀怎么办)

    手机wps文件名无效或为空(手机wps文件名后有后缀怎么办)

  • iphone原彩显示省电吗(iphone原彩显示省电还是耗电)

    iphone原彩显示省电吗(iphone原彩显示省电还是耗电)

  • wifi直连是什么意思(wifi直连是什么意思?安全吗)

    wifi直连是什么意思(wifi直连是什么意思?安全吗)

  • 网络环路如何检查(网络环路会出现什么故障)

    网络环路如何检查(网络环路会出现什么故障)

  • mate30和mate30pro区别(mate30和mate30 pro哪个好)

    mate30和mate30pro区别(mate30和mate30 pro哪个好)

  • 水印相机如何删除地点(水印相机如何删除已添加地点)

    水印相机如何删除地点(水印相机如何删除已添加地点)

  • 小米手环3与4的区别(小米手环3与4的外观区别)

    小米手环3与4的区别(小米手环3与4的外观区别)

  • 苹果手机阴阳屏怎么办(苹果手机阴阳屏怎么检测)

    苹果手机阴阳屏怎么办(苹果手机阴阳屏怎么检测)

  • 抖音取消赞对方知道吗(抖音取消赞对方有提示吗)

    抖音取消赞对方知道吗(抖音取消赞对方有提示吗)

  • 电脑重装系统按哪个键(电脑重装系统按键)

    电脑重装系统按哪个键(电脑重装系统按键)

  • 小红书如何修改密码(小红书如何修改收货地址)

    小红书如何修改密码(小红书如何修改收货地址)

  • phbase.exe是什么进程 有什么用 phbase进程查询(ph是什么文件)

    phbase.exe是什么进程 有什么用 phbase进程查询(ph是什么文件)

  • 一般纳税人增值税申报操作流程
  • 预收账款什么时候确认收入
  • 企业的其他业务收入包括哪些
  • 一般纳税人如何做账报税
  • 烟叶税怎样计算
  • 金税四期会计人员如何提升自己
  • 公司亏损汇算清单模板
  • 应交税费应交印花税借方有余额
  • 资产负债表试算平衡表是什么
  • 行政事业性收据上面的角分无是右下划线吗
  • 公司贷款直接打供应商账户还需要发票吗
  • 年终奖不走工资走存单,需要缴税吗?
  • 个体各商户的社保
  • 超过三个月开发票
  • 发票申领需要什么资料
  • 服务业发票进项税怎么做凭证?
  • 统一社会信用代码证
  • 专用发票和普通发票的税率
  • 门诊医保报销流程详细步骤
  • 没有社保的工人怎么办
  • 期货和远期
  • 进口货物可以退回吗
  • 脑部病毒感染什么症状
  • dll进程
  • 其他应付款很多
  • PHP:curl_multi_exec()的用法_cURL函数
  • 月度计提所得税怎么调整
  • php实现验证码功能
  • wordpress site
  • 库存股属于什么
  • PyTorch 深度学习实战 |用 TensorFlow 训练神经网络
  • php preg_quote
  • vue图片放在哪里
  • 中国版ChatGPT即将来袭-国内版ChatGPT入口
  • iphone添加自定义提示音
  • 合并报表的收入就是相加么
  • 记账凭证银行利息入息
  • 海关缴款书能重开吗
  • mongodb findandmodify
  • 织梦如何使用
  • 金蝶利润表没有信用减值损失
  • 个人所得税孩子教育怎么申报
  • 小规模纳税人运输费计入什么科目
  • 房产税是按不含增值税计提吗
  • 公司帐户转到法人帐户用途写备用金行吗
  • 确认委托代销手续费的会计分录
  • 出租固定资产租金属于什么收入
  • 增值税可以减免吗
  • 豆腐是农产品还是工业产品
  • 企业代扣代缴个税
  • 出口退税没有及时申报
  • 管理费用冲减其他费用
  • 代理记账服务业务内容
  • 公司接待考察团的费用入哪个科目
  • 未开票收入如何申报增值税,下个月怎么操作
  • 资产负债表金额的来源一般是
  • 公司固定资产报废申请范文
  • mysql 300万条数据
  • 备份数据还原不了怎么办
  • win8怎么升级到win10 bios设置
  • mac移动硬盘不能拷贝
  • win7经常自动重启是什么原因
  • win7回收站路径在哪里
  • window10用久了都会慢吗
  • win7开始菜单在哪个文件夹
  • centos怎么样
  • win8.1的ie浏览器
  • Win7如何调整分辨率
  • Win10打开淘宝https被划上红色斜杠的快速解决办法
  • 常用的linux操作
  • win8怎么查看隐藏文件
  • 如何关闭win8的windows defender
  • linux自动化装机
  • nodejs连接达梦数据库
  • Python 数据清洗
  • unity中assets文件夹的作用
  • 安徽省定额发票真伪查询
  • 宝鸡新车交易市场
  • 个人工资纳税证明
  • 一巩固三衔接
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设