您好,登錄后才能下訂單哦!
在接入支付寶支付模塊的時候,支支返回的是一個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字符串示例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。