vue-plugin-hiprint vue hiprint vue使用hiprint打印控件VUE HiPrint HiPrint简单使用

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

},
// 生命周期 - 挂载完成（可以访问DOM元素）
mounted() {
this.init()
},
beforeCreate() {}, // 生命周期 - 创建之前
beforeMount() {}, // 生命周期 - 挂载之前
beforeUpdate() {}, // 生命周期 - 更新之前
updated() {}, // 生命周期 - 更新之后
beforeDestroy() {}, // 生命周期 - 销毁之前
destroyed() {}, // 生命周期 - 销毁完成
activated() {},
// 方法集合
methods: {
// 初始化
init() {
// 初始化 全局打印对象，建议使用 局部声明，不要用全局变量 多次打印有问题
const hiprintTemplate_ = new this.KaTeX parse error: Expected 'EOF', got '}' at position 71: …intTemplate\_ }̲, // 获取打印机列表 …notify.error(‘打印机客户端未连接’)
}
// 模板对象获取
const printerList_ = this.hiprintTemplate.getPrinterList()
console.info(printerList_)
},
// 使用 hiPrintPlugin 控件打印
confirmPrintPrint() {

// 如果在 main.js 中设置了取消自动连接客户端 是获取不到打印机列表的！！！
if (window.hiwebSocket.opened === false) {
this.$notify.error(‘打印机客户端未连接，请点击右上角头像下载打印客户端’)
}

// 这一句代码 如果打印出来有问题 可以尝试加进去，没有出现 则不用加
// 初始化 provider
this.$pluginName.init({
providers: [defaultElementTypeProvider()]
})

// 这一句代码 如果打印出来有问题 可以尝试加进去，没有出现 则不用加
this.$pluginName.PrintElementTypeManager.buildByHtml(this.$(‘.ep-draggable-item’))

// 不要使用 this.hiprintTemplate 打印，会出现重复打印，如果要用，请每次打印 都清空内容
const hiprintTemplate_ = new this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … content: this.(‘#printDiv’).html() }})

// 预览打印
hiprintTemplate_.print()

// 打印机列表
const printerList = hiprintTemplate_.getPrinterList()
console.info(‘打印机列表’, printerList)

// 直接打印 - 不带参数
hiprintTemplate_.print2()

// 直接打印 带参数
hiprintTemplate_.print2(null, {
printer: ‘’, // 指定打印机 打印机 名称
title: ‘打印任务名称’,
color: false, // 是否打印颜色 默认 true
copies: 1, // 打印份数 默认 1
});

}
}
}

具体更多打印api文档： [打印api](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)


## 根据模版打印 - 简单使用