nuxt.js中使用node-qrcode生成二维码

景影随形

于 2022-07-11 12:30:08 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/anjingshen/article/details/125719100

node-qrcode github: https://github.com/soldair/node-qrcode

安装

yarn add qrcode

使用

在需要使用的页面：

<template>
	<img :src="qrcode_data">
</template>

<script>
import QRCode from 'qrcode'
export default {
  data () {
    return {
      qrcode_data: ''
    }
  },
  async mounted(){
	this.qrcode_data = await QRCode.toDataURL('这是内容');
  }
}

QRCode还有很多其他使用方式，比如纯JavaScript浏览器使用，或通过CommonJS等方式，详细可以查看github介绍。