Giter Site home page Giter Site logo

vue-print-nb's People

Contributors

dependabot[bot] avatar power-kxlee avatar wwj85 avatar zhangdaiscott avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-print-nb's Issues

ie兼容问题

该插件在IE下无法使用,请问正解决?我看了控制台并没有报错。

Print Image

Print option open but image don't show.
how I can print image??

.cssRules & .rules properties blocked by Chrome

As of Chrome 64 (https://stackoverflow.com/a/49160899) CORS rules are now enforced which prevent accessing properties like .cssRules and .rules on remote CSS files. Line 68 of /src/printarea.js attempts to access these properties with no handling of the new security limitations. Perhaps you'll want to only use style sheet elements where the domain matches, some type of configuration to allow users to skip certain style sheets, or just another method of including the styles.

Doesn't work on iOS or OSX Safari

The print function fails on Safari on iOS 13.3.1 and OSX 10.15.3 (and probably earlier versions too). The error "TypeError: undefined is not an object (evaluating 'n.onload=function(){r()}')" is logged to the console.
Safari 2020-03-05 22 08 40

vue-qrcode-reader

I am using the qrcode.vue in my project but your vue-print-nb cannot print their qr-code. Can you help on that?

这个插件对于谷歌浏览器的版本有要求,请问最低支持到什么版本?

这个插件对于谷歌浏览器的版本有要求,请问最低支持到什么版本?
目前发现如果谷歌浏览器的版本是65,那么打印预览是无法生产的,当然打印也是空白。
而75以上,就是可以的。
想确认一下,这个大概什么版本以下是无法使用此插件的?
同时,也想咨询下如何可以兼容所有版本?

如何设置默认选中打印背景色?

在打印时,有的人浏览器默认好像是不选中那个“背景图片”的选项。这样所有设置北京颜色的样式都会失效。但是,实际使用中,是需要打印背景的。但是不是每个人都会设置。如果能用代码控制是最好的。所以,是不是有什么设置?或者什么样式,可以让这个操作由程序控制完成。

反馈并咨询各问题,关于读取样式路径的问题

原本以为是相对路径和绝对路径的问题。经过反复的测试。确定问题是跨域的问题。
也就是如果使用了CDN,而恰巧是别的域名,这个打印功能就不能使用了。
这个插件有BUG,需要修改那个循环读style的地方,做各判断,如果读不到正确的信息,或者发现跨域,就可以忽略,跳到下一个。毕竟link标签在前边也已经处理了,所以,这个针对style的地方。之做好判断即可。

Printing Graphics

I have added to my project a button to print as a separate component and imported vue-print-nb in main.js.

The components to be printed include graphics generated with vue-chartjs.
The graphics print fine when I print the whole page. However when printing only a part of the page using v-print="'#ID'", only empty frames for the graphics are shown in print preview.

When I pass the id in a printObj, nothing is printed and the console shows an error that [object: Object] is not a valid selector.

SecurityError: The operation is insecure

本地开发的时候报错:
(运行环境: Linux Manjaro; 浏览器 Firefox 66.0.3 (64-bit)

[Vue warn]: Error in nextTick: "SecurityError: The operation is insecure."

found in

---> at src/components/AdminOrder.vue


at src/components/AdminCenter.vue
at src/App.vue
vue.esm.js:628
VueJS
warn
logError
globalHandleError
handleError
nextTick
flushCallbacks

DOMException: "The operation is insecure." vue.esm.js:1897
VueJS 5
logError
globalHandleError
handleError
nextTick
flushCallbacks

<iframe style="border: 0px none; position: absolute; width: 0px; height: 0px; right: 0px; top: 0px;" id="printArea_1" src="1558286749235"> #document </iframe>

传入对象类型会报错

<div id="printTest"><p style="color: red">明月照于山间</p><p>清风来于江上</p></div> <button v-print="printObj">打印</button>

data() {
return {
printObj: {
id: 'printTest',
popTitle: 'good print',
extraCss: 'https://www.google.com,https://www.google.com',
extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>'
}
}
}
报错: [Vue warn]: Error in nextTick: "SyntaxError: Failed to execute 'querySelector' on 'Document': '[object Object]' is not a valid selector."

[Vue warn]: Error in nextTick: "TypeError: i.options[s] is undefined"

Hi, i've tried to use your plugin, but when I add an id to v-print, i got this error :

[Vue warn]: Error in nextTick: "TypeError: i.options[s] is undefined"
TypeError: "i.options[s] is undefined"
    value tag-textarea.umd.min.js:1
   <b-button variant="primary" v-print="'#profile'">Print</b-button>

    <div id="profile" class="profile">
       ...
    </div>

any idea?

按照more的例子使用报错

葫芦娃,葫芦娃

一根藤上七朵花

小小树藤是我家 啦啦啦啦

叮当当咚咚当当 浇不大

叮当当咚咚当当 是我家

啦啦啦啦

...

Print local range
<script> export default { data() { return { printObj: { id: "printMe", popTitle: "good print", extraCss: "https://www.google.com,https://www.google.com", extraHead: '' } }; } }; 错误信息为: Failed to execute 'querySelector' on 'Document': '[object Object]' is not a valid selector.

print link, print function

hello,
how can I print from a direct link?

instead of using the v-print attribute, as I call a function?

thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.