vue-qrcode-readerでQRコードを読み取る

vue-qrcode-readerが簡単すぎて素晴らしかったのでメモ。

追加

yarn add vue-qrcode-reader
npm install vue-qrcode-reader

vueに登録

import Vue from 'vue'
import { QrcodeReader } from 'vue-qrcode-reader'

Vue.component('my-component', {
  components: { QrcodeReader },
)

使う

// html
<qrcode-reader @decode="onDecode"></qrcode-reader>

//scripts
methods: {
  onDecode (content) {
    this.paused = true
  }
}