码迷,mamicode.com
首页 > 其他好文 > 详细

vue中使用vue-qrcode生成二维码

时间:2019-09-16 23:31:38      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:component   time   settime   div   ted   style   baidu   生成   his   

要使用二维码,引入一个包就可以了,使用非常简单,话不多说,看代码吧

//1,引入,
import VueQrcode from ‘@xkeshi/vue-qrcode‘;
Vue.component(VueQrcode.name, VueQrcode);
//2,使用:
    <div id="qrcode">二维码位置</div>
    <qrcode v-if="code" :value="code" :options="{ size: 200 }"></qrcode>

data(){
return:{
code:‘‘
}
}
  methods:{

    setCode(){
      setTimeout(()=>{
        this.code=‘https://www.baidu.com‘
      },3000)
    }
  },
    mounted(){
      this.setCode()
    }
这样子就OK了,是不是很简单

 

vue中使用vue-qrcode生成二维码

标签:component   time   settime   div   ted   style   baidu   生成   his   

原文地址:https://www.cnblogs.com/ysla/p/11530787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!