qrcode:将文本生成二维码

一.使用的方法

1.安装 yarn add qrcode或者npm  i   qrcode

2.导入 import Qrcode from 'qrcode'

3.定义一个canvas标签放二维码

<canvas ref="canvas" />

4.生成

Qrcode.toCanvas(需要放置二维码的canvas标签,文本内容,{配制,宽度，高度....})

二.实际操作

(1)下载

(2)导入

import Qrcode from 'qrcode'

 (3)定义一个canvas标签放二维码

<canvas ref="canvas" >     </canvas>

(4)生成

<template>
  <div class="">
    <canvas ref="canvas" >
      </canvas  >
    <el-button @click="fn" type="primary" >点击生成</el-button>
  </div>
</template>

<script>
import Qrcode from 'qrcode'
export default {
  name: '',
  methods: {
    fn(){
      Qrcode.toCanvas(this.$refs.canvas,'https://www.baidu.com/',{width:500,height:500})
    }
  }
}
</script>

<style scoped>

</style>

 

点击扫码就可以进入百度网页了。