安装包:npm i qrcode
|| yarn add qrcode
qrcode官网: https://www.npmjs.com/package/qrcode
用法
将 http://liuyuyang.net
网站转换为二维码,扫码即可跳转该网站
<template>
<div>
<canvas id="can" ref="canvas" />
</div>
</template>
<script>
import qrcode from 'qrcode'
export default {
mounted() {
// qrcode.toCanvas(这里是真实dom, '这里可以写什么就输出什么,写url就跳转到url')
qrcode.toCanvas(this.$refs.canvas, 'http://liuyuyang.net/')
}
}
</script>
<style>
</style>