生成二维码插件---qrcode

Posted 王李

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了生成二维码插件---qrcode相关的知识,希望对你有一定的参考价值。

用法:
1.下包: npm install --save qrcode

2.导包: import QRCode from \'qrcode\'

3.用包:

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

<script>
import QRCode from \'qrcode\'
export default {
  data () {
    return {
      src: \'\'
    }
  },
  mounted () {
    // QRCode.toDataURL(
    //   \'https://vant-contrib.gitee.io/vant/#/zh-CN/popup\',
    //   (err, url) => {
    //     console.log(url)
    //     this.src = url
    //   }
    // )
    QRCode.toDataURL(\'https://vant-contrib.gitee.io/vant/#/zh-CN/popup\').then(
      url => {
        this.src = url
      }
    )
  }
}
</script>

<style></style>

链接:
npm-qrcode:https://www.npmjs.com/package/qrcode

以上是关于生成二维码插件---qrcode的主要内容,如果未能解决你的问题,请参考以下文章

qrcode生成二维码插件

jquery二维码生成插件jquery.qrcode.js

二维码生成插件(jquery.qrcode.js)说明文档

前端生成二维码插件jquery.qrcode.min.js

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

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