vue实现二维码生成并跳转

VIP文章恩神

已于 2022-10-08 20:11:53 修改

阅读量1.9k

点赞数 2

分类专栏： vue 文章标签： vue

于 2022-07-01 19:07:38 首次发布

本文链接：https://blog.csdn.net/essnbb/article/details/125564411

版权

第一步：安装 qrcodejs2

cnpm i -S qrcodejs2 //执行此命令

安装成功如下：

第二步：ctrl +c以下代码 ok

<template>
    <div class="box">
        <div>
            <span ref="qrCodeUrl"></span>
        </div>
    </div>
</template>
<script>
import QRCode from "qrcodejs2";

export default {
    data() {
        return {
        };
    },
    components: {
  
},
    
    mounted() {
        this.creatQrCode();
    },
    methods: {
        creatQrCode() {
            let a = new QRCode(this.$refs.qrCodeUrl, {
                text: "https://www.baidu.com/", // 需要转换为二维码的内容
                width: 200,
                height: 200,
                colorDark: "bla