插件的npm安装去看github,https://github.com/hinesboy/mavonEditor
1. plugins目录下创建js文件mavon-editor.js,内容如下
import Vue from 'vue'
import mavonEditor from 'mavon-editor'
Vue.use(mavonEditor)
2. nuxt.config.js 中,plugins和css位置添加配置如下
css: [
'~/assets/style/app.styl',
'mavon-editor/dist/css/index.css'
],
plugins: [
{
src: '@/plugins/mavon-editor',
ssr: false
}
]
ok,插件引入完成
3. 问题注意,css的引入,nuxt.config.js中,我使用的nuxt模板生成结构,所以有默认的css模块配置 '~/assets/style/app.styl',请注意这行css配置必须放在数组开始,否则可能出现莫名的样式问题