VUE渲染后端返回含有script標簽的html字符串示例
更新時間：2019年10月28日 10:50:26 作者：冷幽悠
今天小編就為大家分享 一篇VUE渲染后端返回含有script標簽的html字符串示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在接入支付寶支付模塊的時候，支支返回的是一個form串，細看一下還有一個script標簽，如何將其渲染出來給大家分享一下經(jīng)驗。注意點：不能在當前頁面追加任何元素例如原生js：innerHtml、appendChiled等等；Vue原生v-html也不可以因為其只能渲染html標簽，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標簽的html字符串示例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家分享了vue多級多選菜單組件開發(fā)案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
vue?echarts實現(xiàn)改變canvas長和寬自適應(yīng)
這篇文章主要介紹了vue?echarts實現(xiàn)改變canvas長和寬自適應(yīng)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue項目中Eslint校驗代碼報錯的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue在 Nuxt.js 中重定向 404 頁面的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
基于Vue2-Calendar改進的日歷組件（含中文使用說明）
這篇文章主要介紹了基于Vue2-Calendar改進的日歷組件（含中文使用說明）的相關(guān)知識，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了vue中如何動態(tài)拼接this后面的變量問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vue 解決data中定義圖片相對路徑頁面不顯示的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
關(guān)于vue3?解決getCurrentInstance?打包后線上環(huán)境報錯問題
這篇文章主要介紹了vue3?解決getCurrentInstance?打包后線上環(huán)境報錯問題,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
這篇文章主要介紹了解決echart在vue中id重復問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue+element的表格實現(xiàn)批量刪除功能示例代碼
這篇文章主要介紹了vue+element的表格實現(xiàn)批量刪除功能示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08