您好,匿名用户

如何在nuxt.js中使用element-ui?

0 投票

浏览了下vue文档的ssr部分,了解到nuxt.js
看了下nuxt.js 官方仓库的readme. 然后发现nuxt是将vue和打包工具整合起来,做了一些变形。使用起来,是在vue的上一层逻辑:比如,一些文件夹的名称和渲染规则已经约定好。

我的问题来了,如何在nuxt中使用 element-ui?

我已尝试:

1. nuxt.js : Global-CSS

nuxt.config.js

module.exports = {
  css: [
    'element-ui/lib/theme-default/index.css',  // 'hover.css/css/hover-min.css',
    { src: 'element-ui', lang: 'css'},  // { src: 'bulma', lang: 'sass' },
    join(__dirname, 'css/main.css')
  ]
}

没有效果

2-1. nuxt.js : Plugins

nuxt.config.js

plugins: [
    '~plugins/element-ui.js'  \\ '~plugins/vue-notifications.js'
  ],

element-ui.js

import Vue from 'vue'
import ElementUI  from 'element-ui'
import 'element-ui/lib/theme-default/index.css'

Vue.component(Button.name, Button)

报错: window not found

2-2. nuxt.js : Plugins

nuxt.config.js

build: {
    vendor: [
      'axios', 
      // join(__dirname, './plugins/element-ui.js')
    ]
  },

没有效果

请问,该怎么办?

用户头像 提问 2017年 5月31日 @ 苏尐沫 中士 (1,117 威望)
分享到:

1个回答

0 投票

Element 1.1.0 版本预览

1.1.0 版本将支持 SSR,届时推荐使用 nuxt 体验。

用户头像 回复 2017年 5月31日 @ Archer 中士 (1,415 威望)
提一个问题:

相关问题

0 投票
1 回复 669 阅读
用户头像 提问 2017年 6月7日 @ Pantheon 中士 (1,153 威望)
0 投票
0 回复 400 阅读
0 投票
1 回复 3 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...