vue.js - 在 nativescript vue 中使用类似barcodescanner 的插件

Question

我试图在这里使用带有nativescript-vue的barcodescanner插件，所以首先我在我的项目中使用npm安装它：

npm install nativescript-barcodescanner

然后我在我的 src/main.js 文件中注册它：

Vue.registerElement('BarcodeScanner', () => require('nativescript-barcodescanner').BarcodeScanner)

然后我尝试了很多方法将扫描仪包含在我的 vue 组件中，但我总是遇到错误。有谁知道如何将此组件与 nativescript vue 一起使用？

作为一个 xml 组件，它返回一个帧错误：

<BarcodeScanner
  class="scanner-round"
  formats="QR_CODE, EAN_13"
  beepOnScan="true"
  reportDuplicates="true"
  preferFrontCamera="false"
  (scanResult)="onScanResult($event)">
</BarcodeScanner>

Answer 1

事实上，我们需要使用普通的 javascript 来使用这个 barcodescanner 插件：

const BarcodeScanner = require("nativescript-barcodescanner").BarcodeScanner;

然后在计算方法中：

var barcodescanner = new BarcodeScanner();

然后使用这个类：

barcodescanner
    .scan(
        {
            // Enter here your scanner preferences
        }
    )
    .then(
        result => {
            // handle here the barcode result.
        }
    )