vue中使用vue-qrcode生成二維碼


要使用二維碼,引入一個包就可以了,使用非常簡單,話不多說,看代碼吧

//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了,是不是很簡單

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM