vue 二维码 生成、渲染

 

 "dependencies": {
    "core-js": "^3.6.5",
    "jimp": "^0.16.1",
    "jsqr": "^1.3.1",
    "vue-qr": "^2.3.0",
  }

<template>
  <main class="qrcode">
    <h1>二维码 生成、渲染！</h1>
    <hr />

    <div class="form">
      <input
        type="text"
        v-model="text"
        placeholder="请在这里输入要生成的内容！"
      />
      <button>
        <a
          :href="href"
          target="_blank"
          download="下载的二维码"
          rel="noopener noreferrer"
        >
          下载二维码</a
        >
      </button>
    </div>

    <div class="code" ref="code">
      <vue-qr
        qid="qrid"