踩坑记录:uni.navigateTo携带参数(网址)跳转页面

2024-01-30 13:48

本文主要是介绍踩坑记录:uni.navigateTo携带参数(网址)跳转页面,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

uni.navigateTo携带参数(网址)跳转页面

问题:
传递参数(http://lt.sapxw.com/H5ErWeiMa/indexH5.aspx?id=290949&ckdh=637695418429358201)给intoInventoryRelativeDetail.vue页面,但是值实际传递了(http://lt.sapxw.com/H5ErWeiMa/indexH5.aspx)并报这个警告[sitemap 索引情况提示] 根据 sitemap 的默认规则,当前页面 [pagesBtnDetail/intoInventoryRelativeDetail/intoInventoryRelativeDetail?url=http%3A%2F%2Flt.sapxw.com%2FH5ErWeiMa%2FindexH5.aspx] 将被索引
在这里插入图片描述

解决办法:
使用encodeURIComponent() 函数和decodeURIComponent() 函数
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
decodeURIComponent() 函数对 URI 组件进行解码。完美解决!

scanURL(e) {if (e == '') {this.showToast('请扫描二维码!')return false}// http://lt.sapxw.com/H5ErWeiMa/indexH5.aspx?id=290949&ckdh=637695418429358201let url = encodeURIComponent(e);uni.navigateTo({url: `/pagesBtnDetail/intoInventoryRelativeDetail/intoInventoryRelativeDetail?url=${url}`})},

intoInventoryRelativeDetail.vue

<template><view><web-view :src="url"></web-view></view>
</template><script>export default {data() {return {url: 'http://lt.sapxw.com/H5ErWeiMa/indexH5.aspx?id=290949&ckdh=637695418429358201',}},onLoad(e) {// 获取传递过来的链接let url = decodeURIComponent(e.url);console.log(url)this.url = url},methods: {}}
</script><style></style>

完美解决!

这篇关于踩坑记录:uni.navigateTo携带参数(网址)跳转页面的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/660439

相关文章

Spring Boot spring-boot-maven-plugin 参数配置详解(最新推荐)

《SpringBootspring-boot-maven-plugin参数配置详解(最新推荐)》文章介绍了SpringBootMaven插件的5个核心目标(repackage、run、start... 目录一 spring-boot-maven-plugin 插件的5个Goals二 应用场景1 重新打包应用

Java内存分配与JVM参数详解(推荐)

《Java内存分配与JVM参数详解(推荐)》本文详解JVM内存结构与参数调整,涵盖堆分代、元空间、GC选择及优化策略,帮助开发者提升性能、避免内存泄漏,本文给大家介绍Java内存分配与JVM参数详解,... 目录引言JVM内存结构JVM参数概述堆内存分配年轻代与老年代调整堆内存大小调整年轻代与老年代比例元空

在Spring Boot中集成RabbitMQ的实战记录

《在SpringBoot中集成RabbitMQ的实战记录》本文介绍SpringBoot集成RabbitMQ的步骤,涵盖配置连接、消息发送与接收,并对比两种定义Exchange与队列的方式:手动声明(... 目录前言准备工作1. 安装 RabbitMQ2. 消息发送者(Producer)配置1. 创建 Spr

k8s上运行的mysql、mariadb数据库的备份记录(支持x86和arm两种架构)

《k8s上运行的mysql、mariadb数据库的备份记录(支持x86和arm两种架构)》本文记录在K8s上运行的MySQL/MariaDB备份方案,通过工具容器执行mysqldump,结合定时任务实... 目录前言一、获取需要备份的数据库的信息二、备份步骤1.准备工作(X86)1.准备工作(arm)2.手

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

Python UV安装、升级、卸载详细步骤记录

《PythonUV安装、升级、卸载详细步骤记录》:本文主要介绍PythonUV安装、升级、卸载的详细步骤,uv是Astral推出的下一代Python包与项目管理器,主打单一可执行文件、极致性能... 目录安装检查升级设置自动补全卸载UV 命令总结 官方文档详见:https://docs.astral.sh/

统一返回JsonResult踩坑的记录

《统一返回JsonResult踩坑的记录》:本文主要介绍统一返回JsonResult踩坑的记录,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录统一返回jsonResult踩坑定义了一个统一返回类在使用时,JsonResult没有get/set方法时响应总结统一返回

Go学习记录之runtime包深入解析

《Go学习记录之runtime包深入解析》Go语言runtime包管理运行时环境,涵盖goroutine调度、内存分配、垃圾回收、类型信息等核心功能,:本文主要介绍Go学习记录之runtime包的... 目录前言:一、runtime包内容学习1、作用:① Goroutine和并发控制:② 垃圾回收:③ 栈和

java对接海康摄像头的完整步骤记录

《java对接海康摄像头的完整步骤记录》在Java中调用海康威视摄像头通常需要使用海康威视提供的SDK,下面这篇文章主要给大家介绍了关于java对接海康摄像头的完整步骤,文中通过代码介绍的非常详细,需... 目录一、开发环境准备二、实现Java调用设备接口(一)加载动态链接库(二)结构体、接口重定义1.类型

apache的commons-pool2原理与使用实践记录

《apache的commons-pool2原理与使用实践记录》ApacheCommonsPool2是一个高效的对象池化框架,通过复用昂贵资源(如数据库连接、线程、网络连接)优化系统性能,这篇文章主... 目录一、核心原理与组件二、使用步骤详解(以数据库连接池为例)三、高级配置与优化四、典型应用场景五、注意事