登录
注册
开源
企业版
高校版
搜索
帮助中心
使用条款
关于我们
开源
企业版
高校版
私有云
模力方舟
我知道了
查看详情
登录
注册
开源中国、Gitee、模力方舟招人啦~ 快来看看有没有适合你的岗位
代码拉取完成,页面将自动刷新
开源项目
>
WEB应用开发
>
Vue扩展组件
&&
捐赠
捐赠前请先登录
取消
前往登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
Watch
不关注
关注所有动态
仅关注版本发行动态
关注但不提醒动态
268
Star
3.6K
Fork
1.2K
CcSimple
/
vue-plugin-hiprint
代码
Issues
8
Pull Requests
0
Wiki
统计
流水线
服务
Gitee Pages
质量分析
Jenkins for Gitee
腾讯云托管
腾讯云 Serverless
悬镜安全
阿里云 SAE
Codeblitz
SBOM
我知道了,不再自动展开
更新失败,请稍后重试!
移除标识
内容风险标识
本任务被
标识为内容中包含有代码安全 Bug 、隐私泄露等敏感信息,仓库外成员不可访问
📢📢📢 提交issues前,请先检索一下文档。或者公众号:不简说 提问。
置顶
待办的
#I5JHNC
CcSimple
拥有者
创建于
2022-07-29 10:07
请先阅读相关文章: ## 文章链接 入门篇: [【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. ```
请先阅读相关文章: ## 文章链接 入门篇: [【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. ```
评论 (
0
)
CcSimple
创建了
任务
CcSimple
将
任务状态
从
待办的
修改为
进行中
CcSimple
将
任务状态
从
进行中
修改为
待办的
CcSimple
添加了
question
标签
CcSimple
将
关联分支
设置为
main
CcSimple
将
置顶等级
设置为
高
CcSimple
将
优先级
设置为
次要
CcSimple
修改了
描述
原值
新值
#### 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('打印失败')
})
```
CcSimple
修改了
描述
原值
#### 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('打印失败')
})
```
新值
#### 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
将
任务状态
从
待办的
修改为
进行中
CcSimple
将
任务状态
从
进行中
修改为
待办的
CcSimple
修改了
描述
原值
#### 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:
p
ublic/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.prin
t
(this.printData, {}, {
callback: () => {
// 浏览器不同,
无法监听是点了 ‘打印’ 还是 ‘取消’
console.log('浏览器打印窗口已打开')
}
})
// 直接打印
hiprintTemplate.print2(printData, {printer: '打印机名称', title: '打印标题'})
hiprint
Template.on('printSuccess', function (data) {
console.log('打印完成')
})
hiprintTemplate.on('printError', function (data) {
c
o
nsole.l
o
g('打印失败')
})
```
#### 6.表格拖拽报错问题('createPrintElement')
```
0.0.36 过后,已移除了 tableCustom, 其他分支的 demo1, 把那个 tid 换一下就好了.
请把 type:
tableCustom 改成 type: table
后续版本也不会有tableCustom
.
```
新值
请先阅读相关文章:
##
文章链接
入门篇: [【vue-plugin-hi
p
rint】使用-入门篇](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="styleshee
t
" type="text/css" media="print" href="/print-lock.css">
```
#### 2.修改默认配置
或者 显示/隐藏元素设置参数
```
import { hiprint } from 'vue-plugin-hiprint'
// 还原配置
hiprint.setConfig()
// 替换配置 相关配置可控制台输入 window.HIPRINT_CONFIG 查看
hiprint
.setConfig({})
```
#### 3.连接客户端/不自动连接客户端
```
imp
o
rt {aut
o
Connect, 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
修改了
标题
原值
!!使用时各种常见问题
新值
📢📢📢 提交issues前,请先检索一下文档。或者公众号:不简说 提问。
展开全部操作日志
折叠全部操作日志
登录
后才可以发表评论
状态
待办的
待办的
进行中
已完成
已关闭
负责人
未设置
标签
question
未设置
标签管理
里程碑
未关联里程碑
未关联里程碑
Pull Requests
未关联
未关联
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
未关联
分支 (6)
标签 (38)
main
gh-pages
react_demo
npm_demo_ele
npm_demo_v3
npm_demo
0.0.60-action
0.0.58-action
0.0.56-action
0.0.54-action
0.0.51-beta8
0.0.52-changelog
0.0.50-action
0.0.48-action
0.0.46-action2
0.0.44-action
0.0.42
0.0.40-action-test
0.0.40-action
0.0.41-beta2
0.0.41-beta1
0.0.40
0.0.39-beta3
0.0.39-beta2
0.0.39-beta
0.0.38
0.0.37-beta5
0.0.36-fix
0.0.36
0.0.35
0.0.34
0.0.33-beta2
0.0.32-fix
0.0.32
0.0.29-3
0.0.29-2
0.0.29-1
0.0.28
0.0.27-beta4
0.0.27-beta3
0.0.26-fix
0.0.26
0.0.24
0.0.23
开始日期   -   截止日期
-
置顶选项
不置顶
置顶等级:高
置顶等级:中
置顶等级:低
优先级
不指定
严重
主要
次要
不重要
参与者(1)
JavaScript
1
https://gitee.com/CcSimple/vue-plugin-hiprint.git
git@gitee.com:CcSimple/vue-plugin-hiprint.git
CcSimple
vue-plugin-hiprint
vue-plugin-hiprint
点此查找更多帮助
搜索帮助
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大,如何减小?
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release(发行版)
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册