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

简介: vue 生成二维码: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>

参数说明:参数说明

相关文章
|
1天前
|
JavaScript 测试技术
vue不同环境打包环境变量处理
vue不同环境打包环境变量处理
11 0
|
1天前
|
JavaScript
vue中高精度小数问题(加减乘除方法封装)处理
vue中高精度小数问题(加减乘除方法封装)处理
6 0
|
1天前
|
JavaScript
vue项目使用可选链操作符编译报错问题
vue项目使用可选链操作符编译报错问题
5 0
|
1天前
|
JavaScript
Vue项目启动报错处理
Vue项目启动报错处理
6 1
|
6天前
|
JavaScript 算法 Linux
【vue报错】error:0308010C:digital envelope routines::unsupported
【vue报错】error:0308010C:digital envelope routines::unsupported
32 3
|
1天前
|
JavaScript 定位技术
vue项目开发笔记记录(二)
vue项目开发笔记记录
16 0
|
1天前
|
JSON JavaScript API
vue项目开发笔记记录(一)
vue项目开发笔记记录
15 0
|
1天前
|
JavaScript
Vue-实现点击空白处隐藏某节点
Vue-实现点击空白处隐藏某节点
9 1
|
1天前
|
缓存 JavaScript 前端开发
vue项目实战:实战技巧总结(中)
vue项目实战:实战技巧总结
12 1