vue生成二维码

(1) 安装插件

npm i qrcode --s

(2) 组件中引入

import QRCode from "qrcode"

（3）使用

html代码

	 <canvas  id="qrcode"></canvas>

js代码

 mounted() {
        this.$nextTick(()=>{
           this.qrcode(url);    //url为要生成二维码的内容
        })
    },

      //生成二维码
    methods:{
      qrcode(url) {
        var qrcode= document.getElementById('qrcode')
        QRCode.toCanvas(qrcode, url, function (err) {
          if (err) { console.error(err) }
          })
      }
     }

css样式，自定义二维码宽高等样式

#qrcode{
	width:50px !important;
	height:50px !important;
}