vue 中使用print.js导出pdf操作 - CSDN文库

26 浏览量更新于2023-05-03 收藏 268KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

vue 中使用中使用print.js导出导出pdf操作操作

1.print.js

// 打印类属性、方法定义

/* eslint-disable */

const Print = function (dom, options) {

if (!(this instanceof Print)) return new Print(dom, options);

this.options = this.extend({

'noPrint': '.no-print'

}, options);

if ((typeof dom) === "string") {

this.dom = document.querySelector(dom);

} else {

this.isDOM(dom)

this.dom = this.isDOM(dom) ? dom : dom.$el;

}

this.init();

};

Print.prototype = {

init: function () {

var content = this.getStyle() + this.getHtml();

this.writeIframe(content);

},

extend: function (obj, obj2) {

for (var k in obj2) {

obj[k] = obj2[k];

}

return obj;

},

getStyle: function () {

var str = "",

styles = document.querySelectorAll('style,link');

for (var i = 0; i < styles.length; i++) {

str += styles[i].outerHTML;

}

str += "<style>" + (this.options.noPrint ? this.options.noPrint : '.no-print') + "{display:none;}</style>";

str += "<style>html,body,div,#preview-main,.report{width:100%!important;height: auto!important;font-size:14px}</style>";

return str;

},

getHtml: function () {

var inputs = document.querySelectorAll('input');

var textareas = document.querySelectorAll('textarea');

var selects = document.querySelectorAll('select');

var canvass = document.querySelectorAll('canvas');

for (var k = 0; k < inputs.length; k++) {

if (inputs[k].type == "checkbox" || inputs[k].type == "radio") {

if (inputs[k].checked == true) {

inputs[k].setAttribute('checked', "checked")

} else {

inputs[k].removeAttribute('checked')

}

} else if (inputs[k].type == "text") {

inputs[k].setAttribute('value', inputs[k].value)

} else {

inputs[k].setAttribute('value', inputs[k].value)

}

}

for (var k2 = 0; k2 < textareas.length; k2++) {

if (textareas[k2].type == 'textarea') {

textareas[k2].innerHTML = textareas[k2].value

}

}

for (var k3 = 0; k3 < selects.length; k3++) {

if (selects[k3].type == 'select-one') {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余5页未读，立即下载

weixin_38630612

粉丝: 5
资源: 892

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈