Question

我正在尝试将条形码扫描器插件here与nativescript-vue结合使用，因此首先我在项目中使用npm对其进行安装：

npm安装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要求，才能使用类似的条码扫描器插件：

const BarcodeScanner = require（“ nativescript-barcodescanner”）。BarcodeScanner;

，然后在计算方法中：

var条形码扫描仪=新的BarcodeScanner（）;

，然后使用此类：

条码扫描器 .scan（） .then（）

在nativescript vue中使用条形码扫描器之类的插件

1 个答案: