共计 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…
正文完