📢📢📢 提交issues前，请先检索一下文档。或者公众号：不简说提问。 · Issue #I5JHNC · CcSimple/vue-plugin-hiprint

请先阅读相关文章：

## 文章链接

入门篇: [【vue-plugin-hiprint】使用-入门篇](https://mp.weixin.qq.com/s/4N4f7CkxodA-fuTJ_FbkOQ)

进阶篇: [【vue-plugin-hiprint】使用-进阶篇](https://mp.weixin.qq.com/s/LYZP2iqV0gy4m76mttplAw)

provider: [【vue-plugin-hiprint】如何自定义可拖拽元素 provider](https://mp.weixin.qq.com/s/n9i1j8hhVJvnlfJRPRtWog)

打印篇: [【vue-plugin-hiprint】使用-打印篇](https://mp.weixin.qq.com/s/P-Zz8YfELmRNi4EuED4QmA)

参数篇: [【vue-plugin-hiprint】使用-参数篇](https://mp.weixin.qq.com/s/vfgSG62tAXn7Ot7y3x68fw)

实战动态provider: [【vue-plugin-hiprint】实战-动态provider](https://mp.weixin.qq.com/s/UVkhul1tynjaUjdC_NaHfw)

实战动态模板: [【vue-plugin-hiprint】实战-动态模板](https://mp.weixin.qq.com/s/JXXC9Fyy_PgPXrwh1mDBTQ)

常见问题汇总①: [【vue-plugin-hiprint】常见问题汇总①](https://mp.weixin.qq.com/s/E-ZfuKLH3-GvKn4AosRvaw)

常见问题汇总②: [【vue-plugin-hiprint】常见问题汇总②](https://mp.weixin.qq.com/s/UEnr24bB_P6KmpZ7iZmYvA)

常见问题汇总③: [【vue-plugin-hiprint】常见问题汇总③](https://mp.weixin.qq.com/s/lRimQ-cjuwN3mg6RicPyag)

#### 1.打印重叠或者样式问题
```
// 在index.html 名称必须为 print-lock.css 
<link rel="stylesheet" type="text/css" media="print" href="https://cdn.jsdelivr.net/npm/vue-plugin-hiprint@latest/dist/print-lock.css">
// 也可为相对链接/自有链接 eg: public/print-lock.css
<link rel="stylesheet" type="text/css" media="print" href="/print-lock.css">
```
#### 2.修改默认配置 或者 显示/隐藏元素设置参数
```
import { hiprint } from 'vue-plugin-hiprint'
// 还原配置
hiprint.setConfig()
// 替换配置  相关配置可控制台输入 window.HIPRINT_CONFIG 查看
hiprint.setConfig({})
```
#### 3.连接客户端/不自动连接客户端
```
import {autoConnect, disAutoConnect} from 'vue-plugin-hiprint'
// autoConnect(); // 默认会自动连接
disAutoConnect(); // 取消自动连接
```
#### 4.连接局域网内其他客户端
```
import { hiprint } from 'vue-plugin-hiprint'
hiprint.hiwebSocket.setHost("http://192.169.0.6:17521")
// 或者
window.hiwebSocket.setHost("http://192.169.0.6:17521")
```
#### 5.打印回调问题
```
// 浏览器预览打印
hiprintTemplate.print(this.printData, {}, {
  callback: () => {
    // 浏览器不同， 无法监听是点了 ‘打印’ 还是 ‘取消’
    console.log('浏览器打印窗口已打开')
  }
})
// 直接打印
hiprintTemplate.print2(printData, {printer: '打印机名称', title: '打印标题'})
hiprintTemplate.on('printSuccess', function (data) {
  console.log('打印完成')
})
hiprintTemplate.on('printError', function (data) {
  console.log('打印失败')
})
```
#### 6.表格拖拽报错问题（'createPrintElement'）
```
0.0.36 过后，已移除了 tableCustom, 其他分支的 demo1, 把那个 tid 换一下就好了.
请把 type: tableCustom  改成 type: table
后续版本也不会有tableCustom.
```

CcSimple/vue-plugin-hiprint

内容风险标识

📢📢📢 提交issues前，请先检索一下文档。或者公众号：不简说提问。置顶

评论 (0)

CcSimple/vue-plugin-hiprint .gitee-modal { width: 500px !important; }

内容风险标识

📢📢📢 提交issues前，请先检索一下文档。或者公众号：不简说 提问。 置顶

评论 (0)

搜索帮助

CcSimple/vue-plugin-hiprint

📢📢📢 提交issues前，请先检索一下文档。或者公众号：不简说提问。置顶