vue使用vue-qr生成二维码

最新推荐文章于 2024-08-12 08:28:49 发布

荒_web

最新推荐文章于 2024-08-12 08:28:49 发布

阅读量1.1k

点赞数

文章标签： vue js

原文链接：https://www.cnblogs.com/belongs-to-qinghua/p/12197878.html

版权

vue-前端生成二维码

1、下载vue-qr
npm install vue-qr --save
2、引入vue-qr模块
import vueQr from ‘vue-qr’
3、使用

<vue-qr :logoSrc="imageUrl" text="xxx" :size="200"></vue-qr>
// logoSrc为logo的url地址(使用require的方式)；text为需要转换为二维码的内容
 
<script>
    export default {
        name: "qecode",
        data() {
            return {
                imageUrl: require("../assets/logo.png"),
            }
        },
        components: {
            vueQr
        },
    },
}
</script>