window.open() & iframe & tab
window.open() open pages in the same window / tab
https://stackoverflow.com/questions/8454510/open-url-in-same-window-and-in-same-tab
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/open
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/open#Syntax
autoOpenAlink(e) {
e.preventDefault();
let url = this.url;
window.open(url, "iframe 测试页面");
// window.open(url, "_self");
},
https://medium.com/the-metric/links-should-open-in-the-same-window-447da3ae59ba
https://www.runoob.com/jsref/met-win-open.html
vue & qrcode
https://github.com/soldair/node-qrcode#es6es7
https://www.npmjs.com/package/qrcode#es6es7
const QRCode = require("qrcode");
setTimeout(() => {
// const QRCode = require("qrcode");
let canvas = document.getElementById("qrcode_canvas");
let url = this.url;
QRCode.toCanvas(
canvas,
url,
function (error) {
if (error) {
console.error(error);
} else {
console.log("success!");
}
}
);
}, 0);
import QRCode from 'qrcode'
// With promises
QRCode.toDataURL('I am a pony!')
.then(url => {
console.log(url)
})
.catch(err => {
console.error(err)
})
// With async/await
const generateQR = async text => {
try {
console.log(await QRCode.toDataURL(text))
} catch (err) {
console.error(err)
}
}
canvas width height
https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API
setTimeout(() => {
// const QRCode = require("qrcode");
let canvas = document.getElementById("qrcode_canvas");
canvas.width = 100;
canvas.height = 100;
let url = this.url;
QRCode.toCanvas(
canvas,
url,
function (error) {
if (error) {
console.error(error);
} else {
console.log("success!");
}
}
);
}, 0);
https://stackoverflow.com/questions/4938346/canvas-width-and-height-in-html5
solution
https://github.com/soldair/node-qrcode#width
https://github.com/soldair/node-qrcode#options
setTimeout(() => {
// const QRCode = require("qrcode");
let canvas = document.getElementById("qrcode_canvas");
// canvas.width = 100;
// canvas.height = 100;
// canvas.style.width = "100px";
// canvas.style.height = "100px";
let url = this.url;
QRCode.toCanvas(
canvas,
url,
{
width: 120,
},
function (error) {
if (error) {
console.error(error);
} else {
console.log("success!");
}
}
);
}, 0);
ok
xgqfrms