vueはQRコードを生成します:vue-qrプラグイン

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>

パラメータの説明:パラメータの説明

おすすめ

転載: blog.csdn.net/weixin_42201180/article/details/108125857