在 Nativescript Vue 中使用已安装的插件

Question

我在使用插件时遇到一些问题。我正在使用 npm 安装插件，我可以看到它们已添加到 package.json 和 package-lock.json 中，但我不确定如何将它们集成到我的应用程序中。一个例子是这样的：

我正在尝试使用这个插件： https://github.com/transferwise/currency -flags

我已经使用以下方式安装了插件： npm install --savecurrency-flags

但我不知道如何应用它，因为只需添加 不起作用。

有什么帮助吗？谢谢。

Answer 1

使用“use”安装插件。请阅读此处

Answer 2

您需要像修改任何其他 Vue 项目一样修改您的组件。

添加这些行（对于您的示例）：

Example.vue

<template>
<div class="currency-flag currency-flag-usd"></div>
</template>

在您的 main.js 文件中：

import 'currency-flags'

这里的问题是您选择的插件主要基于 CSS。它可能会或可能不会与 Nativescript 配合良好。

您也可以直接将文件复制到您的项目中并以这种方式访问​​它们。例如，将 src/flags/aed.png 复制到项目中的任何图像文件夹，然后直接访问它。