发新话题
打印

如何在vue框架中,使用杰表云打印

如何在vue框架中,使用杰表云打印

在一般的环境中,使用jcp,只需要引入安装包中提供的  jcp.js就行了,但在vue环境中,这个jcp.js不能直接拿来用,而需要稍加改动后,再引入。具体方法如下:
1. 将附件 jcp-vue.js 下载并复制到你的vue项目中;
2. 在需要打印的页面中,这样来使用:
复制内容到剪贴板
代码:
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); // 不弹出对话框打印
                                }
                        }
                })        

附件

jcp-vue.js (108.44 KB)

2019-7-19 16:41, 下载次数: 340

TOP

jcp-vue和jcp.js的区别在哪里

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

TOP

这个jcp-vue.js与 jcp.js是不同的,不仅是注释不同,如果有版本更新,需要得到相应版本的 jcp-vue.js

TOP

以后会随着jcpfree的版本更新同步更新吗

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

TOP

vue中使用报undefined

Vue项目中使用上述案例弹出undefined,可以获取到getJCP但是打印就报错,是什么原因

TOP

请确保你的版本是最新的,本贴中的vue扩展,只能配合新版本有效。

TOP

这个jcp-vue 引入之后 报错了getJCP is not defined 请问解决 (同样的方法引入jcp.js就不会报错)

TOP

jcp-vue.js和jcp控件都已经是最新的了,仍然是undefined

TOP

同样,使用最新的控件,点击打印还是undefined

TOP

发新话题