In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-06 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/02 Report--
The main content of this article is to explain "what is the method of Vue using vue-qr to generate QR code", interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "what is the method of generating QR codes using vue-qr by Vue?"
The English name of "QR Code" is "QR Code", and "QR" is the abbreviation of "Quick Response", which reflects that this kind of QR code has the characteristic of "ultra-high speed reading". "Quick Response Code" means "fast response code".
Download npm install vue-qr-- save from npm
Downloaded successfully:
Step (1) Import import VueQr from 'vue-qr' (2) vue-qr parameters
Text QR code, that is, the page that jumps after scanning the QR code
Size QR code size
The outer margin of the margin QR code image, default 20px
BgSrc embedded background image address
LogoSrc embedded into the LOGO address of the center of the QR code
The size of the middle diagram of logoScale
The size of the points of dotScale QR code
The color of the colorDark solid point (Note: it is only valid if set with colorLight)
The color of colorLight white space (Note: set with colorDark is valid)
If autoColor is true, the main color of the background image will be the color of the solid point, that is, colorDark. The default is true.
Example import VueQr from 'vue-qr'export default {name:'', components: {VueQr,}, data () {return {imgUrl:' https://baidu.com', logo: require ('@ / assets/tea_128.png'),}}, methods: {},} so far I believe that everyone has a deeper understanding of "what is the method of generating QR codes using vue-qr in Vue", so you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
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.
Views: 0
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.