大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
代码
npm install qrcodejs2 --save
代码引入到项目中,不需要再main.js做处理,只需要在使用的vue页面中引入。
在页面中使用
<template>
<div id="qrcode" ref="qrcode"></div>
</template>
<script> // 需要在页面中引入 import QRCode from 'qrcodejs2' export default{
components:{
QRCode }, data(){
return{
} } ... } </script>
生成二维码
mounted() {
this.qrcodeScan(); // 注:需在mounted里触发qrcodeScan函数
}
methods:{
qrcodeScan() {
//生成二维码
let qrcode = new QRCode(document.getElementById("qrcode"), {
width: 150, // 二维码宽度
height: 150, // 二维码高度
text: window.location.href, // 浏览器地址url
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H,
})
// console.log(window.location.href);
},
},
text为二维码扫码打开之后的链接
这里把url地址转化为二维码。实现pc端页面,扫码打开手机端。
如图
我本来还想用获取路由,然后路由拼接上前缀,
发现这样不灵活,只能路径写死 万一改域名之类的 就会出问题
然后发现了
window.location.href
// 浏览器地址url
直接用这个,反正手机端和pc端地址是一样的
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/188792.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...