vue 生成二维码插件 vue-qrcode
npm install --save qrcode.vue
<template>
<qrcode-vue :value="'http://wwww.baidu.com'"></qrcode-vue>
</tempalte>
import QrcodeVue from 'qrcode.vue'
...
components:{
QrcodeVue,
},
github地址
<template>
<div>
<p>长按识别二维码支付</p>
<div id="code">
<img class="code" :src="url" alt="">
</div>
</div>
</template>
methods: {
QRCode.toDataURL('自定义的内容,可传参')
.then(url => {
this.url = url
})
.catch(err => {
console.error(err)
})
}
React中生成二维码
npm install qrcode.react
import React from 'react';
import QRCode from 'qrcode.react';
export default (props) => {
const { url } = props;
return (
<QRCode value={url} size={200} />
)
}