菜的像徐坤
排名
7
文章
192
粉丝
15
评论
16
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

uniapp页面跳转传递参数过长

8442人阅读 2021/6/14 20:34 总访问:960974 评论:0 收藏:0 手机
分类: uniapp

前言

页面传递参数过长

如果需要传递的参数content过长,传递的时候会有问题
所以使用encodeURIComponent来传递

  1. uni.navigateTo({
  2. url`../Fenleicontent/Fenleicontent?content=${encodeURIComponent(JSON.stringify(content))}`
  3. })

接收

如果传递的参数中有%,?,#,&,-,传递时会报错
所以要将危险的值替换掉

  1. onLoad(option) {
  2.          option.content =  this.encodeSearchKey(option.content)
  3.   this.content = JSON.parse(decodeURIComponent(option.content));
  4. },
  5. methods: {
  6.  encodeSearchKey(key) {
  7.     const encodeArr = [{
  8.       code'%',
  9.       encode'%25'
  10.     }, {
  11.       code'?',
  12.       encode'%3F'
  13.     }, {
  14.       code'#',
  15.       encode'%23'
  16.     }, {
  17.       code'&',
  18.       encode'%26'
  19.     }, {
  20.       code'=',
  21.       encode'%3D'
  22.     }];
  23.     return key.replace(/[%?#&=]/g, ($, index, str) => {
  24.       for (const k of encodeArr) {
  25.         if (k.code === $) {
  26.           return k.encode;
  27.         }
  28.       }
  29.     });
  30.   },
  31. }


评价

uniapp APP开发基础

前言uniapp是基于vue.js实现的,代码实现方法不能用jQuery的思路去解决问题,基本使用template: 模板view: 视图,使用时把v...

uniapp webview跳转到app内部页面

官方文档:https://ask.dcloud.net.cn/article/35083相关问题:https://ask.dcloud.net.cn/question/93777引入需要的Js:&lt...

uniapp中webview跳转到app内部页面

官方文档:https://ask.dcloud.net.cn/article/35083第一步:在webview加载的页面引入Js<!--uni的SDK,必须引用。-->...

uniapp返回上一级页面刷新页面

当前页面: //uniapp返回上一级页面刷新页面 let pages = getCurrentPages(); // 当前页面 let beforePage ...

uniapp uni.navigateBack无法返回

注意测试的时候,不要直接打开当前页进行测试。要从其他页面点进去在返回测试。不然你获取上一页是没有的,就会报错。

uniapp确认提示框

代码如下: uni.showModal({ title: '提示', content: '这是一个模态弹窗', success: fun...

uni-app 微信小程序 上传图片文件,uniapp。uni-file-picker 和数据一起上传图片,上传图片的时候携带数据。多图上传

[TOC]uni-app中上传图片可以使用方法uni.uploadFileuni.uploadFile官方文档:https://uniapp.dcloud.net.cn/api/request/ne...

uniapp预览图片详解

一、预览图片的基本用法在uniapp中,我们可以使用uni.previewImage()API对图片进行预览,具体使用方法如下: uni.previewI...

uniapp文档在线浏览,pdfexcelword等

示例代码uni.downloadFile({ url: 'https://example.com/somefile.pdf', success: function (res) { va...

uniapp 微信小程序 上传图片,上传文件,上传视频等,上传组件封装

上传图片文件还可以参考:https://www.tnblog.net/aojiancc2/article/details/8233 这个里边有关于.net6实现图片上传后端的...

uniapp vue3 引用样式表样式

这样即可: <style scoped lang="scss"> @import '@/static/css/report-box.scss'; </style...

uniapp 离线打包配置

下载Android Studio 并配置好JavaSDK查看HBuilderX版本然后去下载对应的SDK版本https://pan.baidu.com/s/1ZYxRVH23EbldPQqO...

uniapp 离线打包配置高德地图

没有申请key的去高德开放平台申请的Android平台Keyhttps://console.amap.com/dev/key/app SHA1 在前面申请云端证书里面找 ...

uniapp 应用热更新,进度条/权限

/** * 检查安装应用权限 */ checkInstallPermission() { return new Promise((resolve, reject) => { tr...

uniapp plus.runtime.install 安装失败

APP 权限配置添加"<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES\"/&g...