溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-09-14 23:37:52 來源:腳本之家 閱讀:884 作者:冷幽悠 欄目:web開發

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女