之前Vue中生成二维码的方法是Vue中使用QRcode.js 生产二维码
但是后来发现使用qrcode.js
存在一个问题,即二维码内容非常非常长的话,将会生成失败,这是由于qrcode.js长度限制
所以在后来的项目中,涉及到需要前端生成二维码的时候,使用了vue-qriously
生成二维码
废话不多说,安装使用
1、安装
npm i vue-qriously -S
2、引入
//main.js
import Vue from 'vue'
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)
3、使用
//home.vue
<template>
<div>
<qriously :value="qrcode" :size="200" />
</div>
</template>
<script>
export default {
data() {
return {
qrcode: 'www.baidu.com'
}
}
}
</script>
完成,比之前的Vue中使用QRcode.js 生产二维码更加简单方便