vue-iframe-print
基于 iframe 打印的小工具，原版有些bug，修复了下
安装
npm install vue-iframe-print --saveimport Print from 'vue-iframe-print'
Vue.use(Print);示例
你也可以克隆下来本地跑一下
如果你需要扩展功能，可以联系我，或者自己本项目的源文件进行更改
使用姿势
打印整页
<button v-print>打印整页</button>
局部打印:
HTML:
<div id="printDiv">
且随疾风前行，身后亦需流心
</div>
<button v-print="'#printDiv'">只打印指定 DOM</button>
局部打印扩展
HTML:
<div id="printDiv">
且随疾风前行，身后亦需流心
</div>
<button v-print="printObj">只打印指定 DOM</button>
Vue JavaScript:
export default {
data() {
return {
printObj: {
id: "printDiv",
popTitle: 'vue-iframe-print',
extraCss: 'https://www.baidu.com/,https://www.baidu.com/',
extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>'
}
};
}
}
API
id: 打印的 IDstandard: 文档类型, 默认html5, 可选html5,loose,strictextraHead: 扩展头部extraCss: 扩展 csspopTitle: 标题endCallback(): 打印成功后回调