二维码生成组件-vue

qrcode.js

// <script src="./resources/js/qrcode.min.js"></script>
// https://davidshimjs.github.io/qrcodejs/

Vue.component('qrcode', {
    props: ['value', 'id'],
    template: '<div id="id"></div>',
    mounted: function () {
      this.initQR()
    },
    methods: {
      initQR: function () {
        this.qrcode = new QRCode(document.getElementById("id"), { width: 140, height: 140 });
        this.qrcode.makeCode(this.value);
      }
    }
  })

基于 qrcode.js 库