vue 生成二维码:vue-qr插件

导读:本篇文章讲解 vue 生成二维码:vue-qr插件,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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>

参数说明:参数说明

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/5440.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!