首页 > 编程语言 >uni-app微信小程序路由传参数据截断问题解决

uni-app微信小程序路由传参数据截断问题解决

时间:2023-06-20 19:13:06浏览次数:44  
标签:微信 app decodeURIComponent details 跳转 uni editor 页面

跳转页面:

因为数据接受页面是富文本编辑器接收,所以先是将数据双引号处理了。

数据太多太长,跳转页面只要用encodeURIComponent()函数将其数据处理后传过去

const details = this.oneform.text.replace(/"/g, '\'')
this.$tab.navigateTo(`/pages/common/editor/editor?details=${encodeURIComponent(details)}`)

接收页面:

使用decodeURIComponent()函数将其解析,得到的数据便是想要接收的完整数据

this.editorDetails = decodeURIComponent(option.details);

 

标签:微信,app,decodeURIComponent,details,跳转,uni,editor,页面
From: https://www.cnblogs.com/zwfbokeyuan/p/17494455.html

相关文章

  • 复习笔记-Unity
    泛型与Object区别Object是所有类型的基类,泛型是一种数据类型,将类型参数化达到代码复用提高软件开发效率泛型不用装箱拆箱,泛型是替换,将泛型参数替换成具体的类型,并且不需要强制类型转换,并且编译时自动检查类型安全,避免隐性的类型转换异常。Toggle与Button监听事件:Toggle:On......
  • app封装源码ios免签封装
     在当今的数字技术时代,移动应用程序已经成为我们日常生活的重要组成部分。在不同的平台商店中可供下载的应用数以百万计,应用开发者不断寻找新的和创新的方法,使他们的应用脱颖而出。APP免签封装平台是一种非常方便的工具,可以让开发者将自己的应用程序直接打包成一个可执行的应用......
  • 微信小程序,wx.getUserProfile接口将被收回,新的头像获取方式永久保存
    微信文档:https://developers.weixin.qq.com/miniprogram/dev/framework/新的获取头像方式:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html这种方式,返回的路径是返回的临时路径,保存在本地。如果要永久保存的,我的做法是通过FileSys......
  • 【自译】在 Windows 10/ 11 设置可以创建多个RDP远程桌面会话(1) - RDP Wrapper: 在 W
    远程用户可以通过远程桌面服务(RDP)连接到其Windows10/11计算机。在设备设置中启用RDP并使用任何远程桌面客户端连接到计算机就足够了。但是,同时进行的RDP会话的数量存在限制,只有一个远程用户可以同时工作。如果尝试打开第二个RDP会话,将显示一条警告,要求您断开第一个用......
  • AppWidgetProvider的继承
    publicclassWlanWidgetextendsAppWidgetProvider{RemoteViewsremoteViews;AppWidgetManagerappWidgetManager;ComponentNamethisWidget;WifiManagerwifiManager;publicvoidonUpdate(Contextcontext,AppWidgetManagerappWidgetManager,in......
  • 广州搬家APP软件开发·一键预约,快速搬家
    随着快节奏的现代生活和人们的日常需求,搬家已经成为我们生活中常见的事。在移动技术的迅猛发展下,广州搬家APP软件开发也成为了提供便捷搬家服务的重要工具。接下来广州名锐讯动MRT将带大家深入探讨广州搬家APP软件开发的各个方面,让搬家实现一键预约,快速搬家!首先,广州搬家APP软件开发......
  • 微信小程序开发实现星星评分组件
    微信小程序开发实现星星评分组件问题背景小程序开发中经常会碰到需要评分的场景,比如用户满意度调查等,本文介绍微信小程序实现打星评分的一种方案。实现效果如下:截图2问题分析话不多说,直接上代码。(1)index.wxml文件代码如下:<viewclass="vertical-star-item">......
  • uniapp 无线调试
    uniapp无线调试1、下载adb工具https://developer.android.google.cn/studio/releases/platform-tools?hl=zh-cn2、解压放到Hbuilder的adbs文件夹里HBuilder/plugins/launcher/tools/adbs3、进入解压后的文件夹cmd打开命令行4、使用配对码配对 adbpair adbpair 19......
  • iOS开发笔记 - App上架流程(视频分享)
    具体的文档可以看一下我的《iOS开发笔记-上线流程》iOS项目上线流程视频百度云盘分享下面是一些相关的官方文档:https://developer.apple.com/app-store/review/guidelines/-项目审核指南http://www.apple.com/legal/intellectual-property/guidelinesfor3rdparties.htmlhttps......
  • 直播网站源码,uniapp几行代码解决滚动穿透
    直播网站源码,uniapp几行代码解决滚动穿透<template> <viewclass="">  <page-meta:page-style="spanStyle"></page-meta> </view></template><script> exportdefault{  data(){   return{    spanStyl......