不能使用import导入
import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
应在mounted生命周期中使用require导入方式
data() {
return {
isClient: false
}
},
mounted() {
// eslint-disable-next-line
if (process.client) {
const { Editor, Toolbar } = require('@wangeditor/editor-for-vue')
this.$options.components.Toolbar = Toolbar
this.$options.components.Editor = Editor
this.isClient = true
}
},
在模板中根据 v-if="isClient"来渲染富文本组件即可