vue使用qrcode插件生成二维码

• Z时代
• 2024-01-10
• 分类：综合

参考：https://www.jianshu.com/p/d3883e020d99

步骤：

第一步：vue-cli下载插件

cnpm install --save qrcodejs2

第二步：组件中引入插件

<template>
  <div>
    <div id="qrcode"></div> <!-- 创建一个div，并设置id为qrcode -->
  </div>
</template>
<script>
import QRCode from \'qrcodejs2\'  // 引入qrcode
export default {
  name : \'test\',
  mounted () {
    this.qrcode();
  },
  methods: {
    qrcode() {
      let qrcode = new QRCode(\'qrcode\', {
        width: 132,  
        height: 132,
        text: \'https://www.baidu.com\', // 二维码地址
      })
    },
  }
}
</script>

以上是 vue使用qrcode插件生成二维码 的全部内容， 来源链接： utcz.com/z/378312.html