在我的项目中呈现二维码常见的性能,实现计划有很多种,我用的是vue-qr

1.先装置 vue-qr

npm install vue-qr --save

2.申明以及引入

<script>import VueQr from 'vue-qr'; export default {components: {    VueQr,  },}</script>

就是申明引入一个组件

3.应用

<template>    <div>        <vue-qr :logo-src="logoSrc"          :size="200"          :margin="0"          :auto-color="true"          :dot-scale="1"          :text="appSrc" />    </div></template><script>export default {    data(){        return {            logoSrc:"",            appSrc:"http://www.baidu.com"        }    components: {        VueQr,      },    }}

写了个小demo
https://weijunn.github.io/Vue...

https://github.com/WeiJunn/Vu...

具体的应用办法能够去官网看

https://www.npmjs.com/package...