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>

参数说明：参数说明

vue 生成二维码：vue-qr插件相关推荐

【Vue】Vue生成二维码 Vue把url地址生成二维码手机打开扫一扫手机端打开实战案例 vue生成二维码
代码 npm install qrcodejs2 --save 代码引入到项目中,不需要再main.js做处理,只需要在使用的vue页面中引入. 在页面中使用 <template>< ...
vue使用qrcodejs2生成带log的二维码图片，vue生成二维码图片中间带log，自定义log
安装插件 npm install qrcodejs2 --save 在页面中引入 import QRcode from 'qrcodejs2' 普通的二维码此处的id就是页面中要展示二维码容器的id ...
vue生成二维码并下载
vue生成二维码图片,这里使用的是qrcode.js 这个插件 1.下载插件 npm install --save qrcodejs2 2.组件内使用 <template> <B ...
利用VUE生成二维码（两种方式）
利用Vue生成二维码 Author:kak vue有两种生成二维码的方式,qrcode.vue-qr(有icon): 1.qrcode npm ``install` `--save qrcodejs2 ...
Vue生成二维码，自定义插入图片生成logo
Vue生成二维码,自定义插入图片生成logo vue-qr是一个很棒的制作二维码开源库,github地址:https://github.com/Binaryify/vue-qr 1.安装vue-qr ...
VUE 生成二维码插件
原文:https://www.jianshu.com/p/496fd1cbee8d npm install qrcodejs2 --save 页面中引入 dom 结构 JS 方法编写 export d ...
vue 生成二维码插件@令狐张豪
安装npm npm install qrcodejs2 --save cnpm install qrcodejs2 --save //推荐使用淘宝镜像在使用的组件里引入qrcodejs2js文件 i ...
【vue生成二维码】1.将后端返回的二维码字符串生成二维码；2.下载功能
vue使用qrcode插件一.只展示一张图的效果一.效果图: 二.具体代码: 1.安装 npm i qrcodejs2 --save 2.在页面使用 2.1.html <div id=&qu ...
vue 生成二维码海报并进行微信分享
插件:Vue Canvas Poster 网址:Vue Canvas Poster 1.安装 cnpm i vue-canvas-poster --save 2.使用 <template> ...

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

1. 安装插件

2. 使用

vue 生成二维码：vue-qr插件相关推荐

最新文章

热门文章