vue 导出html
生活随笔
收集整理的這篇文章主要介紹了
vue 导出html
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vue的html代碼
<template> <div class="contentsss" ref="test"> <button @click="export2Excel">導出</button> </div> </template>
methods方法
export2Excel() { var a = document.createElement("a"); var url = window.URL.createObjectURL( new Blob([this.gethtml()], { type: '' }) ); a.href = url; a.download = "file.html"; a.click(); window.URL.revokeObjectURL(url); }gethtml() { const template = this.$refs.test.innerHTML; let html = `<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>X-Find迅聘選才</title> <link rel="stylesheet" href="https://cdn.bootcss.com/iview/2.14.0/styles/iview.css" /></head> <body> <div class="resume_preview_page" style="margin:0 auto;width:1200px"> ${template} </div> </body> </html>`; return html; },參考https://segmentfault.com/a/1190000015820792 在谷歌瀏覽器親測可以導出html格式文件，其它瀏覽器沒有測試
轉載于:https://www.cnblogs.com/yck123/p/11345352.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的vue 导出html的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vs.net2003无法打开.NET的W
- 下一篇： 安装vue-cli时报错