使用 vue-qrcode 生成二维码

直接安装@xkeshi/vue-qrcode包

 "dependencies": {

        "@xkeshi/vue-qrcode": "^1.0.0"

}

<template >
  <div class="container">
    <qrcode :value="qrcodeUrl" :options="{ size: 100 }"></qrcode>
</template>
<script>
import VueQrcode from '@xkeshi/vue-qrcode'
export default {
  data () {
    return {
      qrcodeUrl: 'www.baidu.com'
    }
  },
  components: {
    qrcode: VueQrcode
  },
}
</script>