当前位置:网站首页>qrcode:将文本生成二维码
qrcode:将文本生成二维码
2022-07-05 02:43:00 【13少啊】
一.使用的方法
1.安装 yarn add qrcode或者npm i qrcode
2.导入 import Qrcode from 'qrcode'
3.定义一个canvas标签放二维码
<canvas ref="canvas" />
4.生成
Qrcode.toCanvas(需要放置二维码的canvas标签,文本内容,{配制,宽度,高度....})
二.实际操作
(1)下载
(2)导入
import Qrcode from 'qrcode'
(3)定义一个canvas标签放二维码
<canvas ref="canvas" > </canvas>
(4)生成
<template>
<div class="">
<canvas ref="canvas" >
</canvas >
<el-button @click="fn" type="primary" >点击生成</el-button>
</div>
</template>
<script>
import Qrcode from 'qrcode'
export default {
name: '',
methods: {
fn(){
Qrcode.toCanvas(this.$refs.canvas,'https://www.baidu.com/',{width:500,height:500})
}
}
}
</script>
<style scoped>
</style>
点击扫码就可以进入百度网页了。
边栏推荐
- Apache Web page security optimization
- LeetCode 314. Binary tree vertical order traversal - Binary Tree Series Question 6
- The phenomenology of crypto world: Pioneer entropy
- 使用druid連接MySQL數據庫報類型錯誤
- How to make a cool ink screen electronic clock?
- Variables in postman
- Yuan universe also "real estate"? Multiple second-hand trading websites block metauniverse keywords
- Breaking the information cocoon - my method of actively obtaining information - 3
- STL container
- The perfect car for successful people: BMW X7! Superior performance, excellent comfort and safety
猜你喜欢
ELFK部署
Avoid material "minefields"! Play with super high conversion rate
2021 Li Hongyi machine learning (3): what if neural network training fails
Hmi-31- [motion mode] solve the problem of picture display of music module
Write a thread pool by hand, and take you to learn the implementation principle of ThreadPoolExecutor thread pool
Azkaban实战
Pytest (5) - assertion
Exploration of short text analysis in the field of medical and health (I)
A tab Sina navigation bar
The perfect car for successful people: BMW X7! Superior performance, excellent comfort and safety
随机推荐
Sqoop安装
When to catch an exception and when to throw an exception- When to catch the Exception vs When to throw the Exceptions?
Acwing第 58 场周赛【完结】
Pytorch register_ Hook (operate on gradient grad)
1.五层网络模型
PHP cli getting input from user and then dumping into variable possible?
【LeetCode】98. Verify the binary search tree (2 brushes of wrong questions)
STL container
Leetcode takes out the least number of magic beans
A label colorful navigation bar
Watch the online press conference of tdengine community heroes and listen to TD hero talk about the legend of developers
Pytest (5) - assertion
The database and recharge are gone
Exploration of short text analysis in the field of medical and health (II)
Avoid material "minefields"! Play with super high conversion rate
Spoon inserts and updates the Oracle database, and some prompts are inserted with errors. Assertion botch: negative time
Prometheus monitors the correct posture of redis cluster
Variables in postman
spoon插入更新oracle数据库,插了一部分提示报错Assertion botch: negative time
Kotlin - 协程 Coroutine