vue 如何解析原生html,VUE渲染后端返回含有script标签的html字符串示例

VUE渲染后端返回含有script标签的html字符串示例

发布时间：2020-09-14 23:37:52

来源：脚本之家

阅读：207

作者：冷幽悠

在接入支付宝支付模块的时候，支支返回的是一个form串，细看一下还有一个script标签，如何将其渲染出来给大家分享一下经验。注意点：不能在当前页面追加任何元素例如原生js：innerHtml、appendChiled等等；Vue原生v-html也不可以因为其只能渲染html标签，script不能够识别。

需要重新创建一个空白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 = await this.payOrder()

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

以上这篇VUE渲染后端返回含有script标签的html字符串示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持亿速云。

vue 如何解析原生html,VUE渲染后端返回含有script标签的html字符串示例相关推荐

vue打开后端html文件,VUE渲染后端返回含有script标签的html字符串示例
VUE渲染后端返回含有script标签的html字符串示例在接入支付宝支付模块的时候,支支返回的是一个form串,细看一下还有一个script标签,如何将其渲染出来给大家分享一下经验.注意点:不能在 ...
微信小程序渲染后端返回的图片
ps: 最近因为小程序登录需要验证码验证,所以去研究了一波,微信小程序如何渲染后端返回来的图片回去重新看了一下微信小程序开发文档发现可以利用wx.request+wx.arrayBufferToB ...
Vue.js解析(十)【Vue组件间通信】
什么是Vue组件? 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊 ...
v-html解析后台传来的html 含有script标签将js当成字符串来编译咋办
前提: 为啥不用前端请求数据:因为数据是扒过来的对方返回xml 后台转换 => 解析成html 再给前端问题: 后台将html和js都返给我点击按钮弹窗会报错找不到方法因为用vue ...
React 正常渲染后端返回的HTML代码
1.解决React项目后台接口返回HTML 文本时无法解析渲染成正常的html问题: <div dangerouslySetInnerHTML = {{__html:返回的html代码}} &g ...
后端返回数据带有标签_越来越火的图数据库究竟是什么？是否在制造企业可以应用...
随着社交.电商.金融.零售.物联网等行业的快速发展,现实社会织起了了一张庞大而复杂的关系网,传统数据库很难处理关系运算.大数据行业需要处理的数据之间的关系随数据量呈几何级数增长,亟需一种支持海量复杂数 ...
vue判断显示隐藏_web前端进阶之【Vue】10分钟掌握Vue 在学Vue的童鞋过来拿资料
1.Vue官网 https://cn.vuejs.org 2.引入通过script标签引入vue时最好放在head里,避免抖屏的情况. Tips:抖屏是指页面稍微大些,刷新页面会出现{{ }}的样式 ...
vue中后端返回图片流，前端渲染方法
vue中后端返回图片流,前端渲染方法前端登录经常用到图形验证码,后端接口返回的是图片数据流,如下图返回图片流这样效果图如下: 首先封装接口api和uuid[就是一个随机数,防止重复] //获取图形 ...
vue渲染后端文本不换行问题
今天使用jsoup爬取了某网站的文本,然而,在vue渲染的时候出现了问题,所有段落都没有换行,段落之间的换行变成了空格.于是我在idea中输出文本,在vscode中console.log查看源码,发现 ...

vue 如何解析原生html,VUE渲染后端返回含有script标签的html字符串示例

vue 如何解析原生html,VUE渲染后端返回含有script标签的html字符串示例相关推荐

最新文章

热门文章