在Java脚本前端生成可下载的QR码

时间:2018-12-19 09:27:15

标签: javascript vue.js vuejs2

我的NodeJS后端有唯一的ID。将这些ID传递到Vue.js前端后,我想从前端生成jpeg / png / pdf / qr代码。 可以这样做吗?

1 个答案:

答案 0 :(得分:0)

是的,您需要找到正在使用的特定框架的qr代码生成库。在这种情况下,您正在搜索vue.js,因此有qrcode.vue可以为您完成工作。

该站点的示例代码,它将在前端生成qrcode

HTML:

<qrcode-vue :value="value" :size="size" level="H"></qrcode-vue>

JS:

<script>
import QrcodeVue from 'qrcode.vue';

export default {
  data() {
    return {
      value: 'https://example.com',
      size: 300
    }
  },
  components: {
    QrcodeVue
  }
}
</script>