NativeScript-vue 条形码创建

Question

嗨，我想问一下是否有在 nativescript-vue 中创建条形码的 vue js 示例，有很多创建条形码的 vuejs 示例，但我没有能力翻译或转换代码。 有没有人可以给我一个在 nativescript-vue 上创建条形码的例子？ 谢谢。

Answer 1

您可以使用nativescript-qr-generator&nativescript-base-64-manager。

仅当您要将 QR 码转换为 base-64 时，才base-64。

将其导入模板中：

import { QrGenerator } from "nativescript-qr-generator";
import { Base64Manager } from "nativescript-base-64-manager";

您需要一个数据属性generatedQR: null然后需要一种方法来生成 QR。因此，生成 QR 码，然后将您的代码值转换为 base64 值。您还可以将任何数据附加到结果中，例如 url：new QrGenerator().generate("url/" + _Base64Manager.btoa(this.code)

generateQR() {
const _Base64Manager = new Base64Manager();
const result = new QrGenerator().generate( _Base64Manager.btoa(this.code),
{
color: "#your_color",
backgroundColor: "#your_color"
}
);
this.generatedQR = new ImageSource(result);
}

在模板中，您将拥有像图像一样的二维码：

<Image :src="generatedQR" row="4" imageFit="aspectFill"/>