vuepc端生成二维码

要在Vue PC端生成二维码，可以使用第三方库qrcode，它可以在Vue组件中轻松生成二维码。以下是一个简单的示例：

1. 首先，使用npm安装qrcode库：

npm install qrcode --save

2. 在Vue组件中引入qrcode库：

import QRCode from 'qrcode'

3. 在Vue组件中使用qrcode库创建一个二维码：

<template>
  <div>
    <canvas ref="qrcodeCanvas"></canvas>
  </div>
</template>

<script>
export default {
  mounted() {
    const canvas = this.$refs.qrcodeCanvas
    QRCode.toCanvas(canvas, 'https://www.example.com', function (error) {
      if (error) console.error(error)
      console.log('success!')
    })
  }
}
</script>

<style>
canvas {
  width: 200px;
  height: 200px;
}
</style>

在这个例子中，我们在mounted钩子函数中使用QRCode.toCanvas方法生成一个二维码。第一个参数是一个canvas元素的引用，我们在模板中通过ref属性引用它。第二个参数是要转换为二维码的字符串，这里使用了一个示例URL。第三个参数是一个回调函数，当二维码生成完毕后会调用它。