另一个QR码生成器组件基于  node-qrcode。

安装和下载：

# Yarn
$ yarn add @chenfengyuan/vue-qrcode vue

# NPM
$ npm i @chenfengyuan/vue-qrcode vue --save

基本用法：

1.导入并注册组件。

import Vue from 'vue';
import VueQrcode from '@chenfengyuan/vue-qrcode';
Vue.component(VueQrcode.name, VueQrcode);

2.将QRcode组件添加到模板中，并确定属性值value。

<qrcode value="https://www.vue365.cn/"></qrcode>

3.使用node-qrcode的选项自定义QR码  。

<qrcode value="https://www.vue365.cn/" :options="{ color: { dark: '#0275d8' } }"></qrcode>

4.确定QR码的标签名称：“ canvas”，“ img”等。

<qrcode value="https://www.vue365.cn/" tag="canvas"></qrcode>