当前位置: 首页 > news >正文

uniapp处理后端返回的html字符串

前言:采用v-html方法处理

1.处理前

<html><head><meta http‐equiv="Content‐Type" content="text/html; charset=UTF-8"></head><body><form ↵<input type="submit" value="立刻提交" style="display:none" >↵</form>↵<script>document.forms[0].submit();</script></body></html>

2.处理后

<form <input type="submit" value="立刻提交" style="display:none" >↵</form>↵<script>document.forms[0].submit();<\/script>

3.跳转页面方法

//传参
uni.setStorageSync("ICBC_GW_V3_HTML",res.result.payUrl)
//跳转 
uni.navigateTo({url:"/subpages/cashier/webView"})

4.被跳转页面

<template><view v-html="htmlContent"></view>
</template><script>
export default {data() {return {htmlContent:""}},onLoad(e) {console.log(e)//获取参数const html=uni.getStorageSync("ICBC_GW_V3_HTML")console.log(html)this.htmlContent=this.processHtml(html)console.log(this.htmlContent)},mounted() {document.forms[0].submit();},methods: {//仅保留body里面的内容processHtml(html) {// 1. 提取标签内的内容const bodyMatch = html.match(/<body>([\s\S]*)<\/body>/i);if (!bodyMatch) return '';let bodyContent = bodyMatch[1];// 2. 转义标签,防止script中断bodyContent = bodyContent.replace(/<\/script>/g, '<\\/script>');return bodyContent;}}
};
</script><style></style>

相关文章:

  • element-plus限制日期可选范围(这里以7天为例)
  • 浅谈Apache HttpClient的相关配置和使用
  • 重生之拿着标准当令箭---[常见国内外设计标准有哪些]
  • 从0开始学习计算机视觉--Day04--损失函数
  • 【Linux指南】压缩、网络传输与系统工具
  • LinuxBridge的作用与发展历程:从基础桥接到云原生网络基石
  • 嵌入式项目:基于QT与Hi3861的物联网智能大棚集成控制系统
  • pandas---使用教程
  • docker小白自存-windows系统通过docker安装n8n-nodes-puppeteer
  • 基于GPS-RTK的履带吊车跑偏检测技术方案
  • Python网络自动化API接口统一库之napalm使用详解
  • Python打卡:Day38
  • 利用云雾自动化在智能无人水面航行器中实现自主碰撞检测和分类
  • redis配置文件-redis.conf
  • 【Docker】解决:构建(docker build)或重新运行容器时,丢失apt-get update问题
  • 【Docker基础】Docker容器管理:docker ps及其参数详解
  • HexHub开发运维利器Database, Docker, SSH, SFTP
  • 数据库外连接详解:方式、差异与关键注意事项
  • 基于fpga的串口控制的音乐播放器
  • Franka 机器人在配置空间距离场实验中的突破性应用:从算法优化到动态场景适配