基于 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"/>'
}
};
}
}
id: 打印的 IDstandard: 文档类型, 默认html5, 可选html5,loose,strictextraHead: 扩展头部extraCss: 扩展 csspopTitle: 标题endCallback(): 打印成功后回调