摘要：這篇Vue欄目下的“VUE渲染后端返回含有script標簽的html字符串示例”，介紹的技術點是“script標簽、HTML字符串、html字符、script、Vue渲染、Html”，希望對大家開發技術學習和問題解決有幫助。

在接入支付寶支付模塊的時候，支支返回的是一個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字符串示例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持Java大數據社區。

總結

以上是生活随笔為你收集整理的vue如何加载html字符串_VUE渲染后端返回含有script标签的html字符串示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。