uniapp页面传参使用encodeURIComponent转义特殊符号

答主在uniapp页面跳转传imgUrl（地址为：https://metting.oss-cn-beijing.aliyuncs.com/20210615153312771.9AT5NO.jpg?Expires=4779415992&OSSAccessKeyId=LTAI4GKXzR3eLCustbbLYxFf&Signature=***********）时，图片无法正常显示，检查后控制台发现imgUrl路径传递为如下图所示：

可以看到imgUrl明显变短了，实际上它已经发生了转义。

通过百度了解到，当uniapp页面传参带有特殊符号时，可以使用encodeURIComponent转义：

toRankListPage:function(contest){console.log("即将发送")contest.imgUrl= encodeURIComponent(contest.imgUrl) console.log(contest);this.$util.navto("contest/ranklist/ranklist",contest)}

转义后控制台得到：

uniapp页面传参使用encodeURIComponent转义特殊符号相关推荐

关于uni-app中app页面传参及跳转的问题
由于是第一次接触这个,很多东西需要摸索,废话不多说直接上重点. 我想实现页面b编写完成保存后跳转回页面a,a页面局部刷新并且控件赋值. 那么这就牵扯到页面传参的问题了,可我在网上翻了各种资料,90%都 ...
AngularJS中页面传参方法
1.基于ui-router的页面跳转传参 (1) 用ui-router定义路由,比如有两个页面,一个页面(producers.html)放置了多个producers,点击其中一个目标,页面跳转到对应的 ...
vue页面传参（多个参数传值）与接参 - 代码篇
index.js路由规则设定: /searchResult/syyName=:syyName 发送页面: //传参页面 this.$router.push({name: 'SearchResult', ...
Strut2页面传参跳转 --Struts2
1.本案例借助struts2框架,完成页面传参.跳转功能 2.代码实现 index.jsp: <form action="helloStruts2.action" metho ...
angularjs跨页面传参遇到的一些问题
上周写课程选择时间功能时需要将课程ID,星期,节次等参数传递给下一个页面,就查了查angularjs的ui-router跨页面传参,一开始是这样写的: 在app.js下添加 params:{'args ...
通过URL在前端页面传参的方法
通过URL在前端页面传参的方法整个过程实例在HTML页面a.html中:参数写入URL function detail(goods_id){window.location.href="h ...
微信小程序使用onfire.js（事件订阅和分发JavaScript 库）实现跨页面传参，对onfire的全面了解
开发微信小程序时,页面间数据传送多采用URL方式传参.添加全局变量,对于在本地缓存不大实用(感觉操作缓存,应该性能会有一定的损耗吧).而从新打开的页面回到之前的界面,貌似只有放在本地缓存.添加全局变量 ...
VUE 页面传参、页面跳转
方案一:query参数传递 1.router定义 routes: [{path: '/soft',name: '软件详情',component: PannelContent}, ] 2.页面参数接收 ...
uni-app tabbar页面传参
官网中说明uni-app和小程序的switchTab跳转tabbar页面,路径后不能带参数,所以,以下使用两种方法进行tabbar页面之间的传参. 全局变量传参(globalData全局变量) 传递参 ...

uniapp页面传参使用encodeURIComponent转义特殊符号

uniapp页面传参使用encodeURIComponent转义特殊符号相关推荐

最新文章

热门文章