安装组件:
npm install v-viewer
在plugins 目录下新建 viewer.js,代码如下 (plugins\viewer.js)
import Vue from 'vue'
import Viewer from 'v-viewer'
Vue.use(Viewer)
在nuxt.cinfig.js中引入插件
module.exports = {
router: {
/**
* 配置路由激活时的导航链接的样式类名
*/
linkActiveClass: 'active'
},css: [
// 项目里要用的 CSS 文件
'@/assets/css/main.css',
'@/assets/css/bootstrapV4.css',
'viewerjs/dist/viewer.css'
],modules: [
'@nuxtjs/axios',
'@nuxtjs/proxy'
],
proxy: [
],plugins: [{
src: '~plugins/viewer',
ssr: true,
}]
}
这样就全局引入了v-viewer组件