nuxt中使用mavon-editor富文本编辑器“Refere

引入代码：

<template>
  <div id="editor" class="mt20">
      <mavon-editor
        v-model="value"
        style="height: 100%;width: 100%;"
      ></mavon-editor>
</template>
<script type="text/ecmascript-6">
import { mavonEditor } from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
export default {
  components: {
    mavonEditor
  },
  data() {
    return {
      value: '',
    }
  },
  layout: 'backstage',
  methods: {
  },
}
</script>

报错如图

原因：因为在node环境中运行，所以window.document是不存在的

解决：
使用no-ssr或client-only将需要document的标签包裹住，具体可以查看nuxt文档

<template>
    <div id="editor" class="mt20">
      <no-ssr>
        <mavon-editor
          v-model="value"
          style="height: 100%;width: 100%;"
        ></mavon-editor>
      </no-ssr>
</template>