使用nuxtJS+Vue2-Editor时如何解决单据未定义错误？

本文介绍了使用nuxtJS+Vue2-Editor时如何解决单据未定义错误？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试使用vue2-editor设置nuxtjs应用程序。如果我尝试通过客户端导航导航到编辑器页面，它会加载，但如果我直接访问或刷新(eg.com/edit)页面，我会收到Document Not Defined(文档未定义)错误。

我之所以识别它，是因为vue2编辑器不支持SSR，但我在nuxt-config.js中仅对客户端禁用了它。但是未离开时出错。请分享我做错了什么？

//plugin.quill-editor.js

import Vue from 'vue'

if (process.client) {
    const VueEditor = require('vue2-editor') //tried normal import as wel
    Vue.use(VueEditor)
}

//nuxt.config.js
plugins: [
   { src: '@plugins/quill-editor.js', mode: 'client' },
]

推荐答案

let VueEditor

if (process.client) {
    VueEditor = require('vue2-editor').VueEditor
}

不在nuxt配置或任何插件中执行任何操作。只更改了导入方法。它现在可以工作了，但是我仍然想知道为什么当我在nuxt-config.js文件中禁用SSR时它不能工作

这篇关于使用nuxtJS+Vue2-Editor时如何解决单据未定义错误？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！