fengyuanchen / vue-qrcode Goto Github PK
View Code? Open in Web Editor NEWQR code component for Vue.js
Home Page: https://fengyuanchen.github.io/vue-qrcode/
License: MIT License
QR code component for Vue.js
Home Page: https://fengyuanchen.github.io/vue-qrcode/
License: MIT License
打包依赖不成功 你写的安装依赖文档也不对
引用了vue-qrcode插件,如果不引用qrcode
如何能直接调用QRCode.toDataURL方法呢。
Version 1.0.2 is not support Internal Explorer 10.
Conditional change the Browser support
Not really an issue, but I'm looking to add a download option to my website, is there an easy way to export this as an image?
In version 1.x, qrcode is dependency, but it changed now, it is peerDependency now. I'm really puzzled about what makes this change.
In my opinion, users don't need to install qrcode manually if qrcode is treated as dependency.
Here is my code i want to download Qrcode.
<vue-qrcode :value="gameUrl.ios" class="sm:max-h-fit w-full rounded-t-lg" tag="img" :options="{
errorCorrectionLevel: 'Q',
width:300
}"></vue-qrcode>
TicketInfo.OrderID是从后台获取绑定的。
微信扫一扫得到的值是”TicketInfo.OrderID“,不是实际动态绑定的值
I am using 2.0.0-rc.1 version.
I got an error when building with CI.
This dependency was not found:
ERROR Build failed with errors.
* qrcode in ./node_modules/@chenfengyuan/vue-qrcode/dist/vue-qrcode.esm.js
Is it possible to move the qrcode from devDependencies to dependencies?
Is there an example somewhere on how to extract the QR image from QR generated in template ( perhaps using ref or other means )
I am trying to use the generated QR to insert into email. Thanks!
value字段的值传中文生成的二维码,扫描出来是乱码的,请问如何解决?
当我要用css控制它的max-width或者min-width的时候,因为有style影响,会变形
Hi,
i have this:
<VueQrcode class="mx-auto z-30 relative" style="width:230px; height:230px;" :value=qrcode tag="svg" :options="{ width: 230, color: {dark: '#000',light: '#fff'} }"></VueQrcode>
with flag enable-force-dark enabled i obtain a white square.
Possible solution?
<qrcode :value="url" :options="{ size: 500, padding: 24 }"></qrcode>
As described in title, this repo is nice but it only support Vue3, hope for reply!
Thanks!
How do it to save qr value???
不自定义文件名称则最后扫码下载时文件名称为null
<vue-qrcode :value="fileUrl" :options="{ width: 300 }"></vue-qrcode>
new QRious(Object.assign({
element: this.$el,
value: this.value,
}, this.options));
为什么要用Object.assign
"@chenfengyuan/vue-qrcode": "^1.0.2"
vue版本:
"vue": "^2.4.2"
prevUrl: ''
报错:
Error in callback for watcher "$props": "Error: No input text"
if (typeof data === 'undefined' || data === '') {
throw new Error('No input text')
}
Seems like when uninstalling this component, as result vue is also uninstalled, not sure if this is a dependency issue.
I'm generating qr code to links, and it's ok. I wanna know if is possible put a text inside or below the qr code with a small phrase, or a word.
Hello!
I'm trying to send my component to print, but what I've searched is that I need to convert it to v-html so I think converting the QR to canvas it would work.
Can anyone help me please?
qrcode :value="value" :options="{size: 200, foreground: 'black'}" v-html="QRcodigo"
that's my code.
how can I add line space in the QR code value? It shows everything on one line. Any solution?
如何操作能使生成的二维码,扫码后直接跳转到小程序某个详情页
报错信息如下:
warning in ./node_modules/@chenfengyuan/vue-qrcode/dist/vue-qrcode.esm.js
"export 'defineComponent' was not found in 'vue'
warning in ./node_modules/@chenfengyuan/vue-qrcode/dist/vue-qrcode.esm.js
"export 'h' was not found in 'vue'
请问作者这个怎么回事,现在项目都打不开了,一直报这两个错
Hello! thank you for this, but how do I get the data URI of the generated image?
I'm using it like this:
<qrcode :value="this.url" :options="{ width: 200 }" tag="img"></qrcode>
I'd love an example of accessing the component's internal state.
More precisely, the src
/base64 string of the image it creates when tag
equals img
.
Use case: I'm wrapping the component in a div which contains a v-on:click
event.
On click I want to save the img
to a file.
I could, of course, simply give an id to the component and target that. However, that doesn't appear to be a very vue-ish way of doing this.
Can I add a logo to the center of QR?
Or do you have any idea to solve this issue?
Hi,
When using this component with Vuex and a custom size, the new QRCode size does not respects the asked size when the QRCode value is updated (we get a small QRCode in a large, white square).
TypeError: Cannot set property '0' of undefined
at Object.qrToImageData (/node_modules/_@[email protected]@@chenfengyuan/vue-qrcode/dist/vue-qrcode.common.js:2679:25)
在使用Jest做单元测试时,采用了jest-canvas-mock来模拟canvas,结果在vue-qrcode.common.js的2679行代码报错,打印出来的imgData为undefined,所以代码报错。
Hi!... i have tried to import it just as stated in the documentation, but... I'm getting this error:
[Vue warn]: Failed to resolve component: vue-qrcode
main.ts
...
import { createApp } from 'vue'
import VueQrcode from "@chenfengyuan/vue-qrcode";
...
let app = createApp(App).provide('store', store)
...
app.component(VueQrcode.name, VueQrcode);
Any hints? I'm using script setup for components, but still, I have imported other components before and they work perfectly...
Thanks in advance
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.