zoukankan      html  css  js  c++  java
  • vue使用js将链接转换为二维码

    1、安装qrcodejs2包

    yarn add qrcodejs2 或 npm install qrcodejs2 --save
    

    2、页面中引入

    import QRCode from 'qrcodejs2'
    
    components:{
        QRCode
    }
    

    3、使用

    <button @click="getQrcode">生成二维码</button>
    
    //必须在执行转化之前渲染出此dom层元素,否则转化时获取不到元素会报错:appendChild  null
    <div id="qrcodeDom" ></div>
    
    
    //链接生成二维码 Api
    transQrcode(){
        let qrcode=new QRCode('qrcodeDom',{
             160,
            height:160,
            text: `https://m.demo.com/noticeGet/${this.roomid}`,  //需要转换的链接
        // render: 'canvas' ,   // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
        // background: '#f0f',   // 背景色
        // foreground: '#ff0'    // 前景色
        })
    },
    
    //点击开始进行转化
    getQrcode(){
        document.getElementById("qrcodeDom").innerHTML=''  //先清空之前生成的二维码
        this.$nextTick(()=>{
            this.transQrcode()
        })
    }
    

  • 相关阅读:
    生鲜购物篮模型
    shell脚本
    一号店评论文本聚类研究1
    数据框的合并(根据某一个字段)
    Reshape包
    R-kmeans
    python练习(续)
    python练习
    截取整数字符串
    java中PriorityQueue优先队列使用方法
  • 原文地址:https://www.cnblogs.com/huihuihero/p/14582978.html
Copyright © 2011-2022 走看看