1. 安装插件
# npm 安装 npm install vue-qr --save # yarn 安装 yarn add vue-qr
2. 使用
<template> <div> <vue-qr :correctLevel="3" :autoColor="false" colorDark="#313a90" :bgSrc="bgSrc" :logoSrc="logoSrc" :text="codeUrl" :size="95" :margin="0" :logoMargin="3"> </vue-qr> </div> </template> <script> import VueQr from 'vue-qr' export default { data () { return { logoSrc: require('../assets/img/qrlogo.png'), bgSrc: require('../assets/img/bgSrc.png'), codeUrl: 'https://github.com/lx719679895' } }, components: { VueQr } } </script>
参数说明:参数说明