VUE渲染后端返回含有script標(biāo)簽的html字符串示例
更新時間：2019年10月28日 10:50:26 作者：冷幽悠
今天小編就為大家分享 一篇VUE渲染后端返回含有script標(biāo)簽的html字符串示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在接入支付寶支付模塊的時候，支支返回的是一個form串，細(xì)看一下還有一個script標(biāo)簽，如何將其渲染出來給大家分享一下經(jīng)驗。注意點：不能在當(dāng)前頁面追加任何元素例如原生js：innerHtml、appendChiled等等；Vue原生v-html也不可以因為其只能渲染html標(biāo)簽，script不能夠識別。
需要重新創(chuàng)建一個空白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：評論區(qū)的兄弟給了個意見大家可以參考下：
要保證的是頁面上存在一個已有的盒子 const data = await this.payOrder()
document.getElementById('pay').innerHTML = data;//此處form就是后臺返回接收到的數(shù)據(jù) document.forms[0].submit()
以上這篇VUE渲染后端返回含有script標(biāo)簽的html字符串示例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了淺談vue單頁面中有多個echarts圖表時的公用代碼寫法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
在vue中根據(jù)光標(biāo)的顯示與消失實現(xiàn)下拉列表
這篇文章主要介紹了在vue中根據(jù)光標(biāo)的顯示與消失實現(xiàn)下拉列表，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
解決vue項目中type=”file“ change事件只執(zhí)行一次的問題
這篇文章主要介紹了vue項目中解決type=”file“ change事件只執(zhí)行一次的問題,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-05-05
vue+element樹組件 實現(xiàn)樹懶加載的過程詳解
這篇文章主要介紹了vue+element樹組件 實現(xiàn)樹懶加載的過程，本文通過圖文實例代碼相結(jié)合給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了淺談vue 多個變量同時賦相同值互相影響，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue如何實現(xiàn)左右滑動tab(vue-touch)
這篇文章主要介紹了vue如何實現(xiàn)左右滑動tab(vue-touch)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
computed是vue的配置選項,它的值是一個對象,其中可定義多個計算屬性,每個計算屬性就是一個函數(shù),下面這篇文章主要給大家介紹了關(guān)于vue中計算屬性computed的詳細(xì)講解,需要的朋友可以參考下2022-08-08
這篇文章主要為大家詳細(xì)介紹了在vue項目中如何使用emoji表情,包括font-awesome圖標(biāo),v-emoji-picker,vue-emoji等emoji表情庫,需要的可以參考下2025-03-03
Vue實施重新發(fā)布和軟件熱更新的經(jīng)驗分享
在Web應(yīng)用的開發(fā)周期中,版本管理和軟件熱更新是一個不可或缺的話題,隨著Vue.js框架的流行,越來越多的應(yīng)用程序選擇使用Vue來構(gòu)建前端,本文將探討在Vue應(yīng)用中實施重新發(fā)布和熱更新的最佳實踐,需要的朋友可以參考下2024-09-09
這篇文章主要為大家介紹了深入剖析vite到底是快還是慢原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08