Board logo

标题: 如何在vue框架中,使用杰表云打印(试用版已更新) [打印本页]

作者: admin    时间: 2019-7-19 16:41     标题: 如何在vue框架中,使用杰表云打印(试用版已更新)

在一般的环境中,使用jcp,只需要引入安装包中提供的 jcp.js就行了,但在vue环境中,这个jcp.js不能直接拿来用,而需要稍加改动后,再引入。具体方法如下: 1. 下载 JCP for vue 软件包, http://print.jatools.com/download/jcp4vue.zip; 2. 软件包中的 jcp-vue.js 复制到你的vue项目中; 3. 在需要打印的页面中,这样来使用:
复制内容到剪贴板
代码:
import {getJCP} from '../common/jcp-vue' new Vue({ el : '#app', methods : { doPrint : function(how) { var myDoc = { documents : document, // 打印页面(div)们在本文档中 copyrights : '杰创软件拥有版权 www.jatools.com' // 版权声明必须 }; var jcp = getJCP(); // 调用打印方法 if (how == '打印预览') jcp.printPreview(myDoc, false); else if (how == "打印预览(显示进度条)") { jcp.printPreview(myDoc, true); } else if (how == '弹出打印机选择对话框打印') { jcp.print(myDoc, true); } else jcp.print(myDoc, false); // 不弹出对话框打印 } } })
4. 将软件包中的 setup.exe 安装到客户端,注意,此JCP 为 VUE演示专用,不能用来浏览官网的在线示例; 5. 测试你的打印网页。 2019/11/20 更新
作者: yxtimes    时间: 2019-8-2 13:39     标题: jcp-vue和jcp.js的区别在哪里

这个和其他下载的jcp.js的区别在哪里?看到了里面有一段关于vue的注释,不考虑注释的情况下,是否其他部分都和jcp.js一致?其实我想问的是,以后jcp升级的时候,是否可以直接拿新的来用,还是需要等vue的专门版本...
作者: admin    时间: 2019-8-4 15:38

这个jcp-vue.js与 jcp.js是不同的,不仅是注释不同,如果有版本更新,需要得到相应版本的 jcp-vue.js
作者: yxtimes    时间: 2019-8-6 17:43     标题: 以后会随着jcpfree的版本更新同步更新吗

那请问,会随着jcpfree的版本更新,一并得到更新吗?现在用的jcpfree,但希望能一直跟着更新... 另外,其实现在vue的项目也正常使用了jcpfree,只不过是直接把doPrint方法直接写在了项目的index.html里面,同时js和getJCP方法也都写在了首页的html 测试可用. 但官方给出vue专版的自然是最好了....
作者: asdfgh    时间: 2019-9-2 16:01     标题: vue中使用报undefined

Vue项目中使用上述案例弹出undefined,可以获取到getJCP但是打印就报错,是什么原因
作者: admin    时间: 2019-9-3 10:01

请确保你的版本是最新的,本贴中的vue扩展,只能配合新版本有效。
作者: luoweiwi    时间: 2019-9-5 11:39

这个jcp-vue 引入之后 报错了getJCP is not defined 请问解决 (同样的方法引入jcp.js就不会报错)
作者: whisky__    时间: 2019-9-6 14:14

jcp-vue.js和jcp控件都已经是最新的了,仍然是undefined
作者: admin.chi    时间: 2019-9-11 16:17

同样,使用最新的控件,点击打印还是undefined
作者: 胡晓晓    时间: 2019-11-13 10:58     标题: 为什么下载文件 提示权限不足?

为什么下载文件 提示权限不足?
作者: admin    时间: 2019-11-13 13:10

问题描述太简单,无法判断,请截图
作者: admin    时间: 2019-11-20 17:03

请用一楼指出的下载地址,下载更新后的版本。
作者: test101    时间: 2020-9-29 16:58

var myDoc = {
        documents : {
          html:result //HTML拼接字符串变量
        }, // 打印页面(div)们在本文档中
        copyrights : '杰创软件拥有版权  www.jatools.com' // 版权声明必须
      };
var jcp = getJCP(); //这一行正常
jcp.printPreview(myDocfalse); //报错了如下
jcp-vue.js?653a:23 Uncaught SyntaxError: Unexpected token p in JSON at position 0
    at parse (<anonymous>)
    at eval (jcp-vue.js?653a:23)
    at Object.sOYKB (jcp-vue.js?653a:23)
    at Object.fhlRG (jcp-vue.js?653a:23)
    at XMLHttpRequest._0xd0c594.<computed> (jcp-vue.js?653a:23)

作者: admin    时间: 2020-9-29 18:02

请下载 http://print.jatools.com/download/jcp4vue.zip 并使用里面的 setup.exe ,和 jcp-vue.js , 两个一定要配套。
作者: test101    时间: 2020-10-5 17:41     标题: 下面这个附件中的报错怎么解决?

麻烦看下这个报错是为什么呢,打印着突然这样了,现在是在Vue中使用的,也安装了对应版本了

图片附件: 4F403BE2-A8B2-42f6-B910-89D2E77EBC4B.png (2020-10-5 17:41, 28.61 KB) / 该附件被下载次数 5322
http://bbs.jatools.com/attachment.php?aid=1231&k=e0995b06c6e22aca1b1b461ff9366491&t=1711633205



图片附件: F04471AB-4A5B-4395-94C7-EDCA9958E8C9.png (2020-10-5 17:41, 33.33 KB) / 该附件被下载次数 5265
http://bbs.jatools.com/attachment.php?aid=1232&k=51b071ba0c5c294687073d048a94d389&t=1711633205






欢迎光临 杰表技术论坛 (http://bbs.jatools.com/) Powered by Discuz! 6.1.0