关于qrcode:vue项目中生成qr码

在我的项目中呈现二维码常见的性能，实现计划有很多种，我用的是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…