vue 怎么生成二维码

在Vue中生成二维码可以通过使用`qrcodejs2`库来实现。首先，在Vue项目中创建一个组件，例如`qrCode.vue`。在该组件中，你可以定义一个模板，在模板中添加一个`<div>`元素用于显示二维码。然后，在`<script>`标签中引入`qrcodejs2`库，并在`mounted`钩子函数中调用封装的生成二维码方法。

以下是一个简单的示例代码：

<template>
  <div>
    <div id="qrCode" ref="qrCodeDiv"></div>
  </div>
</template>

<script>
import QRCode from 'qrcodejs2';

export default {
  name: "qrCode",
  mounted() {
    this.bindQRCode();
  },
  methods: {
    bindQRCode() {
      new QRCode(this.$refs.qrCodeDiv, {
        text: 'Vue实现生成二维码！',
        width: 200,
        height: 200,
        colorDark: "#333333",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.L
      });
    }
  }
}
</script>

在上述代码中，`mounted`钩子函数会在组件挂载完成后调用`bindQRCode`方法。在`bindQRCode`方法中，我们创建了一个新的`QRCode`实例，并将其绑定到`$refs.qrCodeDiv`，然后设置了一些参数，例如二维码的文本内容、宽度、高度、颜色等。

你可以在`text`参数中设置你想要生成二维码的内容。然后，你可以在Vue项目中的任何地方使用该组件来生成二维码。