请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

    广告招商

    vue中二维码的生成总结处理

    2019-3-29 09:29| 发布者: admin| 查看: 136| 评论: 0

    摘要: vue中二维码的生成总结处理
    第一种方法
    //1,安装vue-qart npm install vue-qart --save //2,页面引入 import VueQArt from 'vue-qart' components: {VueQArt} //3,配置 downloadButton:false, config: { value: 'https://baidu.com', imagePath: '/static/logo/ydLogo.png', filter: 'color' } 页面填充 <vue-q-art :config="config" :downloadButton="downloadButton"></vue-q-art>

    第二种方法
    //1,安装
    qrcodejs2 npm install qrcodejs2 --save
     //2,页面引入 
    import QRCode from 'qrcodejs2' components: {QRCode} 
    //3,页面填充
    <div id="qrcode" ref="qrcode"></div>
    //4,页面调用 
    qrcode () { let qrcode = new QRCode('qrcode', { width: 232, height: 232,text: 'http://http://www.fengyezi.cn' }) },
     /* @ 在需要调用的地方 这样必须这样调用 否则会出现 appendChild null 就是id为qrcode的dom获取不到 返回结果为null */ 
    this.$nextTick (function () { this.qrcode(); }) 
    鲜花
    鲜花
    握手
    握手
    雷人
    雷人
    路过
    路过
    鸡蛋
    鸡蛋