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打印v-model 的值
vue打印v-model 的值
|
1天前
|
JavaScript
vue知识点
vue知识点
4 1
|
1天前
|
JavaScript
Vue实战-组件通信
Vue实战-组件通信
4 0
|
1天前
|
JavaScript
Vue实战-将通用组件注册为全局组件
Vue实战-将通用组件注册为全局组件
5 0
|
3天前
|
存储 JavaScript
Vue当前时间与接口返回时间的判断
Vue当前时间与接口返回时间的判断
8 0
|
3天前
|
JavaScript 前端开发
Vue生成Canvas二维码
Vue生成Canvas二维码
7 0
|
2天前
|
JavaScript 前端开发
vue的论坛管理模块-文章评论02
vue的论坛管理模块-文章评论02
|
2天前
|
JavaScript Java
vue的论坛管理模块-文章查看-01
vue的论坛管理模块-文章查看-01
|
2天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口