使用 vue-qrcode 生成二维码

直接安装@xkeshi/vue-qrcode包

"dependencies": {

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

}

<template id="demo"><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>