1. 安裝 qrcode.vue

倉庫地址

// vue2 安裝1.x版本、vue3 安裝3.x版本
npm install --save qrcode.vue
// 或
yarn add qrcode.vue

2. 使用

// 使用
import { createApp } from 'vue'
import QrcodeVue from 'qrcode.vue'

createApp({
  data: {
    value: 'https://example.com',
  },
  template: '<qrcode-vue :value="value"></qrcode-vue>',
  components: {
    QrcodeVue,
  },
}).mount('#root')

// 單檔案元件使用
<template>
  <qrcode-vue :value="value" :size="size" level="H" />
</template>
<script>
  import QrcodeVue from 'qrcode.vue'

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

3. 屬性配置