如何正确安装 vue-tags-input

【问题标题】：How to correct install vue-tags-input如何正确安装 vue-tags-input
【发布时间】：2019-01-19 16:12:58
【问题描述】：

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

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

该项目建立在 nuxt.js 框架之上。我试过设置SSR Tag，导入CDN。

【问题讨论】：

标签： nuxt.js

【解决方案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)"
/>

【讨论】：