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

34次阅读

共计 511 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0