利用vue-element-admin中的pdf功能导出博客（倔金）文章

利用vue-element-admin中的pdf功能导出博客文章

利用vue-element-admin中的导出pdf功能导出博客文章（以pdf的格式），例如倔金、csdn的博客文章等等，保留文章原有的格式。

先看vue-element-admin中的pdf导出功能

代码：



效果：

点击“保存”即可导出成功。

从上面的代码看出，它是先将content.js文件中的数据导入到页面展示再导出或打印，根据这个原理，我们要打印博客文章，只要把content.js中的数据修改成博客文章的数据即可具体为，拿倔金的博客举例：

1. content.js的内容数据部分需要的是html格式，所以我们要在博客中按F12找到要导出博客的html元素并复制。eg：
   
   然后鼠标在代码处：鼠标右键->选copy->copy element（谷歌浏览器为例）
   2.将上面复制的代码粘贴到content.js文件的content变量中，记得用``符号包裹起来。想要自己的标题在变量title中填写即可，后保存文件运行代码。
   复制后的content.js文件：
   
   成果：
   
   

虽然说开头的样式变了一点，但内容区几乎不变得。点击保存导出成功。