h5效果展示网站,wordpress主题 卢松松,梁志天设计公司项目,cms网站代理在日常开发中#xff0c;经常有需要前端渲染后端返回页面的需求#xff0c;对于不同数据结构#xff0c;前端的渲染方式也不尽相同#xff0c;本文旨在对各种情况进行总结。 后端返回纯html文件格式 数据包含html标签等元素#xff0c;数据类型如下图#xff1a; 前端通… 在日常开发中经常有需要前端渲染后端返回页面的需求对于不同数据结构前端的渲染方式也不尽相同本文旨在对各种情况进行总结。 后端返回纯html文件格式 数据包含html标签等元素数据类型如下图 前端通过 js 方式处理
// 必须要存进localstorage否则会报错显示不完全
window.localStorage.removeItem(callbackHTML)
window.localStorage.setItem(callbackHTML, res.data.htmlStr)
// 读取本地保存的html数据使用新窗口打开
var newWin window.open(, _blank)
// 读取本地保存的html数据使用当前窗口打开
// var newWin window.open(, _self)
newWin.document.write(localStorage.getItem(callbackHTML))
// 关闭输出流
newWin.document.close()后端返回一个html文件网址 前端需要渲染网址中的页面可通过iframe实现 iframe :srcres.data.htmlStr frameborder0 width100% :style{height: 100%} scrollingauto/iframe后端返回一个html文本字符串 数据包含部分标签例如下图等等 str divspan stylecolor: red;{{title}}/span/div 通过vue指令来渲染 v-html 是用于向所在的标签中渲染文本内容可以解析标签。 div v-htmlres.data.htmlStr/div