vue js生成图片二维码-- qrcode插件

1. 在项目中安装依赖

 npm install --save qrcode

2.在项目中使用

<template>
      <div id='code'></div>
      <canvas id="canvas" ref ="canva"></canvas>
</template>

js部分

    <script>
          import QRCode from 'qrcode'
        mounted(){
                this. useqrcode();
      },
      methods: {
                useqrcode(){
                  let canvas = this.$refs.canva;
                  QRCode.toCanvas(canvas, 'http://www.7dingdong.com/#/homepage', function (error) {
                    if (error) console.error(error)
                    console.log('success!');
                  })
           },
       }
  </script>

ok