使用qrcode.vue生成二维码

地址:https://www.npmjs.com/package/qrcode.vue/v/1.7.0

1、安装依赖:

npm install [email protected]  --save  

或者

yarn add [email protected]  --save 

使用qrcode.vue生成二维码_第1张图片
2、使用:

<template>
  <div>
    <qrcode-vue class="qrCode" :value="qrCode" size="200" />
  div>
template>

<script>
import QrcodeVue from "qrcode.vue";
export default {
  data() {
    return {
      qrCode: "啦啦啦",
    };
  },
  components: {
    QrcodeVue,
  },
  mounted() {},
};
script>

<style>
style>

效果:
使用qrcode.vue生成二维码_第2张图片

你可能感兴趣的:(vue,qrcode.vue)