vue 2 生成二维码

以下是在Vue 2中生成二维码的方法：

1.首先，您需要安装qrcode包。您可以使用以下命令进行安装：

npm install qrcode --save

2.在您的Vue组件中，您需要导入qrcode并将其注册为组件。您可以使用以下代码：

import QRCode from 'qrcode';

export default {
  name: 'MyComponent',
  data() {
    return {
      qrCodeUrl: '',
    };
  },
  mounted() {
    this.generateQRCode('https://www.example.com');
  },
  methods: {
    generateQRCode(url) {
      QRCode.toDataURL(url)
        .then((url) => {
          this.qrCodeUrl = url;
        })
        .catch((err) => {
          console.error(err);
        });
    },
  },
};

3.在您的Vue模板中，您可以使用以下代码来显示生成的二维码：

<template>
  <div>
    <img :src="qrCodeUrl" alt="QR Code" />
  </div>
</template>

在上面的代码中，我们使用了一个data属性qrCodeUrl来存储生成的二维码的URL。在组件的mounted钩子中，我们调用了generateQRCode方法来生成二维码。generateQRCode方法使用qrcode.toDataURL方法来生成二维码的URL，并将其存储在qrCodeUrl属性中。最后，在模板中，我们使用img标签来显示生成的二维码。