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