vue 如何生成二维码呢？用一个插件（vue-qr）就搞定了
原创vue 如何生成二维码呢？用一个插件（vue-qr）就搞定了
原创
前端新阳
修改于 2021-05-31 10:30:32
修改于 2021-05-31 10:30:32
官网：https://www.npmjs.com/package/vue-qr
1. 安装命令
npm install vue-qr --save2. 导入项目中使用
<template>
<vue-qr :text="downloadData.url" :margin="0" colorDark="#f67b29" colorLight="#fff" :logoScale="0.3" :size="200"></vue-qr>
</template>
<script>
import vueQr from 'vue-qr'
export default {
components: {
vueQr
},
data() {
return {
downloadData: {
url: 'https://www.baidu.com/' // 扫码访问的链接地址
}
}
}
}3. 常用属性介绍
常用属性
4. 效果展示
- 大家可以用手机扫描工具（例: 微信）扫描，看是否能进入百度的网站。
生成的二维码
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录