小工具      在线工具  汉语词典  css  js  c++  java

VUE渲染后端返回包含脚本标签的html字符串

Web前端,vue 额外说明

收录于:38天前

当连接支付宝支付模块时,分支返回一个表单字符串。仔细一看,有一个script标签。下面我就和大家分享一下我的渲染经验。注意:当前页面不能追加任何元素如原生js:innerHtml、appendChiled等; Vue原生的v-html也不能使用,因为它只能渲染html标签,脚本无法识别它们。

需要重新创建一个空白的Vue组件,并使用router来传递参数。传递参数的方法(新窗口打开)

let routeData = this.$router.resolve({ path: 'Recharge', query: { htmls: resp.data.dataObj }});
window.open(routeData.href, '_blank');

解析方法

const div = document.createElement('div');
div.innerHTML = this.$route.query.htmls;
document.body.appendChild(div);
document.forms[0].submit();

(PS:评论区的兄弟给出了一些意见供大家参考:

您需要确保页面上有一个现有的框 const data = wait this.payOrder()

document.getElementById('pay').innerHTML = data;//此处form就是后台返回接收到的数据 document.forms[0].submit()
 

. . .

相关推荐

额外说明

Leetcode练习6(之字形变换)

题目:比如输入字符串为 “LEETCODEISHIRING” 行数为 3 时,排列如下: L C I RE T O E S I I GE D H N之后,你的输出需要从左往右逐行读取,产生出一个新的字符串。 题解(1):最容易想到的做法就是找规律,找z字

额外说明

计算最高分,最低分,平均分

一、题目描述 小蓝给学生们组织了一场考试,卷面总分为100分,每个学生的得分都是一个0到100的整数。 请计算这次考试的最高分、最低分和平均分。 二、输入描述 输入的第一行包含一个整数n(1≤n≤10),表示考试人数。 接下来n行,每行包含一个0至100

额外说明

MySQL数据库,从入门到精通:第六篇——全面掌握MySQL多表查询技巧

MySQL数据库,从入门到精通:第六篇——全面掌握MySQL多表查询技巧 第六篇_多表查询 1. 一个案例引发的多表连接 1.1 案例说明 1.2 笛卡尔积(或交叉连接)的理解 2. 多表查询分类讲解 拓展1:多个连接条件与 AND 操作符 拓展3:表的

额外说明

100天精通Oracle-实战系列(第21天)Oracle 数据泵常用参数和命令

Oracle 数据泵常用参数和命令 ->返回总目录<- Oracle 数据泵(expdp/impdp)是从 Oracle 10G 开始推出的新功能,作为 exp/imp 的替代方案,明显更新、更快和更灵活。在日常工作中,数据泵通常可用于数据迁移、同步工具

额外说明

Eclipse出现:元素 ‘beans‘ 必须不含字符 [子级], 因为该类型的内容类型为“仅元素”....解决办法

目录 问题 解决 原因 总结 问题 今天运行程序发现报错,于是就改bug,从网上copy了一些内容,在spring-mvc.xml配置文件中做了一些修改,结果copy后遇到了这个问题,攻坚了半天才解决。 报错如下: 元素 'beans' 必须不含字符 [

额外说明

windows下shutdown/up oracle数据库的批处理

1.如果 oracle TNSListener服务没有启动的话需要 net start OracleOraDb10g_home1TNSListener 2.shutdown   sqlplus sys/oracle10@tstdb as sysdba @

额外说明

Java通过PDF模板导出数据 adobe acrobat的PDF编辑器 itextpdf java导出文件输出流

目录 前言 环境 安装adobe acrobat 官方地址 acrobat能做什么 使用adobe acrobat maven配置 代码开发 调用接口代码 导出PDF代码 前言 之前做过一个项目,通过PDF上的占位符动态地填充数据并下载。 这里就需要用到

额外说明

分享一个非常有趣的纯css杂志封面折叠效果

-博主:小猫娃来啦 -文章核心:有趣的纯css杂志封面折叠效果 文章目录 效果出处 效果 HTML CSS 效果出处 这个css杂志封面折叠效果非常有趣,我就转载加以记录。 效果来源于:码上掘金Mad Magazine 效果 HTML <div cl

额外说明

Casbin

Model Model语法 Model CONF 至少应包含四个部分: [request_definition], [policy_definition], [policy_effect], [matchers]。 如果 model 使用 RBAC, 还

额外说明

解决OnDemandConnRouteHelper.dll文件丢失缺少在系统内

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个OnDemandConnRo

ads via 小工具