杰表技术论坛 - Powered by Discuz! Board

标题: 如何在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(myDoc, false); //报错了如下

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) / 该附件被下载次数 8942
http://bbs.jatools.com/attachment.php?aid=1231&k=98272d8e527e89a508149f65bd1608ff&t=1761563897

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

欢迎光临杰表技术论坛 (http://bbs.jatools.com/)