使用组件通过CDN读取条形码

问题描述

我想通过名为vue-cc-quaggajs的CDN安装在组件中以读取条形码。

我尝试了以下操作：

new Vue({
  el: "#app",data: {
    readerSize: {
      width: 640,height: 480
    }
  },methods: {
    logIt (data) {
      console.log('detected',data)
    }
  },components: {
    //QuaggaScanner
  },})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@carloscgo/[email protected]/dist/vue-quagga.js"></script>
<div id="app">
  <quagga-scanner :onDetected="logIt" :readerSize="readerSize" :readerType="'ean_reader'"></quagga-scanner>
</div>

但是我遇到了一些错误，例如：

无法读取在扫描仪-根目录中找到的属性'width'of undefined”

你能帮我吗？我不知道我是在引用正确的JS文件，还是可以使用其他组件扫描条形码。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

vue-component vue.js