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

Posted 2022-11-05 ysla

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

//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了，是不是很简单