VUE 生成带Logo 的二维码

原文:
输入命令行下载
npm install vue_qrcodes
<template>
<div>
<qrcode :url="data.url" :iconurl="data.icon" :wid="200" :hei="200" :imgwid="53" :imghei="53"></qrcode>
</div>
</template>
<script>
import qrcode from 'vue_qrcodes'
export default {
name: 'qrcode',
components:{
qrcode
},
data(){
return{
data:{
url:"https://cn.vuejs.org/",
icon:"https://cn.vuejs.org/images/logo.png",
}
}
}
}
</script>

原文链接:https://blog.csdn.net/weixin_41129148/article/details/87092980
智能推荐
二维码之qrencode生成(带logo)
从github下载的qrencode没有QRCodeGenerator文件,需要引入 在需要的文件中加入#import "QRCodeGenerator.h"即可 有时候想在二维码中间带个Logo,犹豫二维码有容错率,所以可以直接将图片添加上去...
【python】生成二维码(带logo图标)
我们用以下例题来引入 题目要求:生成带有图标的二维码,图标为自己设置的照片,扫描后打开某个网站。(如平顶山学院的网站http://www.pdsu.edu.cn) 在编程之前,我们需要安装pillow和qrcode库; 方法一:打开cmd,利用 命令安装。(安装qrcode库同上) 方法二: 打开pycharm——>File——>Sett...
如何用vue搭建项目
整理一下今天学的用vue搭建项目 一、安装最新版本的vue脚手架 vue-cli官网:https://cli.vuejs.org/zh/ 注意:如果不是最新版本,要先卸载旧的版本,然后再下载最新的版本。 二、使用vue脚手架创建项目 首先要写入的文件夹,打开 创建项目 手动搭建项目 手动选择要搭建的环境 是否使用mode模式的路由,选择yes; sass选择node-sass 是否保存?肯定要选择...
vue3.0 RC版本出来的第一个练手项目
上手Vue3.0 ,用Vue-cli穿件项目4.5.4版本,可以直接搭建Vue3.0的 有个小活做个播放器,刚好可以花1天时间随便练手就选择了Vue3.0 , 路由 主要代码,代码有些冗余,因为就一个页面所以也不考虑其他的 效果 播放效果实现了快进,倒退,暂停,上下一首,点击列表播放, vue3.0本地跑的没有问题,但是一上线提示‘currentRoute’为undfind...
猜你喜欢
一起来学vue第一天
一 :什么是vue? 什么是vue? 为什么要学习vue? 框架与库的区别? 学习vue? 什么是vue? 1.vue.js是目前最火的一个前端框架. 2.vue.js是前端的主流框架之一,和angular.js,react.js一起,并称为前端三大主流框架. 3.vue.js是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合. 为什么要学习vue? 1.企业为...
c# tab页标画上关闭按钮
上面是百度下就能出来的东西,接下来一些注意点 1.代码中出现了Resources._2,是这样添加进去的就是添加一个关闭的图片 2.操蛋的是,很多时候,代码一模一样都不能运行,这时候是因为Form1_Load是你手动输入的,你需要在vs设计界面双击生成,这样才能正常运行...
【万里征程——Windows App开发】页面布局和基本导航
上一篇博客中大概的新建了一个应用,几乎是空白的。如果是初学者的话现在当然想往里面加点东西对不对。那么这篇博客就来看看页面的布局都是怎样的。 首先安装上一篇博客中的顺序来新建一个项目。新建好之后就点开MainPage.xaml开始敲代码啦。^_^ 下面就来依次介绍上面这段代码到底做了写什么啦: 1)首先将最外围的Grid控件分成了3行2列。其中第一行的高度是100像素;第二行的高度是自动的,所谓自动...
《学习OpenCV》第二章样例代码实现
前言 在学习OpenCV库的时候,发现了可能由于版本更新,导致的书上的代码无法实现的情况。特此把没一个例子的代码和完整的编译运行命令都记录下来。并记录要点,以备复习。 第二章 一,显示图像 程序 编译过程和运行 要点 函数cvLoadImage()书中仅有一个文件指针参数,实际上有两个。 函数原型:IplImage* cvLoadImage( const char* filename, int f...
魔窗--H5网页唤醒APP
2019独角兽企业重金招聘Python工程师标准>>> 先引入魔窗的工具js 配置短链接,关键是参数占位符,下图的红色框 转载于:https://my.oschina.net/daladida/blog/1612804...
