在 nativescript vue 中使用像 barcodescanner 这样的插件

Question

我正在尝试将 barcodescanner 插件 here 与 nativescript-vue 一起使用，所以首先我使用 npm 安装它，就像在我的项目中那样：

npm 安装 nativescript-barcodescanner

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

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

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

作为一个 xml 组件它 [=28=] 一个帧错误 :

<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();

然后使用这个 class :

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

在 nativescript vue 中使用像 barcodescanner 这样的插件

Use a plugin like barcodescanner in nativescript vue

barcode-scanner

vue.js

nativescript

nativescript-vue