首页 > 其他分享 >生成二维码,扫码跳转网址

生成二维码,扫码跳转网址

时间:2022-09-29 20:11:08浏览次数:44  
标签:扫码 myCanvas jumpUrl 网址 二维码 跳转

生成二维码,扫码跳转网址

import QRCode from 'qrcode'
// <canvas ref="myCanvas" style="width: 160px; height: 160px;"/>
this.$nextTick(() => {
  // jumpUrl为跳转的网址,myCanvas是canvas元素的ref,默认宽高默认好像140px
  QRCode.toCanvas(this.$refs.myCanvas, jumpUrl)
})

标签:扫码,myCanvas,jumpUrl,网址,二维码,跳转
From: https://www.cnblogs.com/jia-zq/p/16742884.html

相关文章

  • vue生成二维码功能
    生成二维码听起来很难,其实也很简单,我这里是用vant-ui来完成的首先需要给一个DOM添加一个点击触发事件然后在vant-ui框架找到合适的组件注意:这里的@click.stop去掉就......
  • ABAP-跳转表维护函数
    1DATA:p_nameTYPEdd02v-tabname.23CALLFUNCTION'VIEW_MAINTENANCE_CALL'4EXPORTING5action='U'6*CORR_NUMBER......
  • 通过sessionStorage来根据屏幕宽度变化来跳转不同的html页面
    因为开发的需要,PC端口和移动端要分开两个使用,在不使用框架的情况下如何通过判定屏幕的大小将页面进行跳转?通过搜索查询到如下方法,现将作者的方法转载: 因为项目需要,分别......
  • 康耐视 扫码枪
    privateboolScanBarcodeDown(){Utility.OutputInfo(txtInfo,"下扫描枪发送读码命令");if(Program.Config.ScanTimes<=0)Program.......
  • Jquery跳转页面的方式
    1、利用http的重定向来跳转window.location.replace("http://www.php.cn");2、使用href来跳转window.location.href="http://www.php.cn";3、使用jQuery的属性替......
  • Spring MVC框架:第三章:获取请求参数和页面跳转控制
    获取请求参数1.什么是请求参数?删除姓名:年龄:工资:2.请求参数的四种情况①一名一值<ahref=“emp/remove?empId=3”>删除在handler方法的参数上使用@RequestPar......
  • 前端生成二维码
    往常我们二维码可能都是后端去处理,构建一个image对象,最后输出image二进制流,然后前端定义一个img控件去展示。但这有个弊端,就是流传输的比较大,当流量大的时候,不仅浪费流量......
  • Fragment的四种跳转方式
    本文主要记录了关于fragment的四种跳转方式:  1、从同一个Activiy的一个Fragment跳转到另外一个Fragment2、从一个Activity的Fragment跳转到另外一个Activity3、从一......
  • url跳转传数据相关
    toTodayAlarmRecord(record,site){conststartTime=dayjs(`${dayjs().format("YYYY-MM-DD")}00:00:00`).format("YYYY-MM-DDHH:mm:ss");......
  • 在TP中 添加域名 302短链跳转
    1.在项目中,增加域名解析至public2.绑定域名路由至模块/控制器/方法中3.根据tag参数获取原始短链,使用$this->redirect()或header('location://XXX',true,302)进行重......