如何使用Nuxt.js只在一个组件中使用插件?
我正在用nuxt.js做一个简单的博客网站,我只需要在一个组件中导入编辑器,我不想使用nuxt.config.js
。这就是我正在尝试做的,但似乎行不通。
//Inside '~/plugins/vue2-editor'
import Vue from "vue";
import Vue2Editor from "vue2-editor";
Vue.use(Vue2Editor);
export default {Vue2Editor}
//Inside component
<template>
<div class="text-editor">
<client-only>
<Vue2Editor/>
</client-only>
</div>
</template>
<script>
import {Vue2Editor} from '~/plugins/vue2-editor'
export default {
components: {
Vue2Editor
},
}
</script>
我应该做什么?
解决方案
如果您只想在一个组件中使用它,只需将其导入(vue2-Editor)即可(不需要插件)。那么您的client-only
使用情况应该不错。
可以在另一个答案中找到更多详细信息:How to fix navigator / window / document is undefined in Nuxt
否则,您可以使用动态导入,但我不确定在您的情况下是否需要这样做:https://stackoverflow.com/a/67825061/8816585
相关文章