之前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 生产二维码更加简单方便
网友评论