Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "how VUE converts the URL into a QR code and downloads". In the operation of the actual case, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

1. Installation

Npm install qrcodejs2-save

2. Introduce it into the page

Import QRCode from 'qrcodejs2'

Export default {

Components: {QRCode}

}

3. Page usage

download

4. Generate QR code

Qrcode () {

Let qrcode = new QRCode ('qrcode', {

Width: 220, / / Image width

Height: 220, / / Image height

ColorDark:'# 000000000, / / foreground color

ColorLight:'# ffffff', / / background color

TypeNumber: 4

CorrectLevel: QRCode.CorrectLevel.H

})

Qrcode.clear (); / / clear the QR code

Qrcode.makeCode ('URL to be converted')

}

5. Download pictures

Download () {

Var qrcode = document.getElementById ("qrcode")

Var img = qrcode.lastChild / / get the dom node of img

Const a = document.createElement ('a') / / create a tag

A.href = img.src

A.setAttribute ('download',' QR Code') / / set download properties

A.click ()

}

This is the end of the content of "how to convert the URL into a QR code and download it by VUE". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.