如何正确安装vue-tags-input

Question

我通过npm安装http://www.vue-tags-input.com，并在收到消息“错误参考错误窗口未定义”后复制并粘贴了“入门”中的代码。

在以下期间发生问题：   import VueTagsInput from '@johmun/vue-tags-input'

该项目基于nuxt.js框架构建。我尝试设置SSR标记，导入CDN。

Answer 1

在 Nuxt 项目中使用 Vue 包，需要将其作为插件添加到项目中，所以安装 vue-tags-input 包后，在 plugins 文件夹中创建一个名为 vue-tags-input.js 的文件此内容。

import Vue from "vue";
import VueTagsInput from "@johmun/vue-tags-input";
Vue.use(VueTagsInput);

在您的 nuxt.config.js 中将此添加到插件数组： { src: "~plugins/vue-tag-input.js", ssr: false };

现在你可以在你的项目中使用 vue-tag-input 组件了。示例：

<vue-tags-input
   v-model="tag"
   :tags="tags"
   @tags-changed="(newTags) => (tags = newTags)"
/>