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

版权声明:本文为dongjing0813原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/dongjing0813/article/details/93208955

智能推荐

二维码之qrencode生成(带logo)

从github下载的qrencode没有QRCodeGenerator文件,需要引入 在需要的文件中加入#import "QRCodeGenerator.h"即可 有时候想在二维码中间带个Logo,犹豫二维码有容错率,所以可以直接将图片添加上去...

生成带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...