1. 程式人生 > >使用nuxt的時候添加element-ui

使用nuxt的時候添加element-ui

小問題 使用 them quick ref uic 搭建 兩種 設置

這兩天心血來潮想用express + nuxtjs + vue + element-ui嘗試一下搭建後臺管理站點,按理說應該沒啥難度吧,想像中這幾個家夥都是開箱即用的啊。

然額,還是碰到了一個小問題, element-ui一直無法作為plugin在項目中使用, 嘗試了多種姿勢都無效.

說好的快速上手呢?好吧鏈接在這:http://element-cn.eleme.io/#/zh-CN/component/quickstart

主要不就是這倆地方弄一下就可以在其它地方愉快的使用element-ui了嗎?

技術分享圖片技術分享圖片

那不就是這樣嗎?

技術分享圖片技術分享圖片

結果呢?反正硬是不行, 這兩種形式我都嘗試了, 都不行:

技術分享圖片

也看了nuxt官方的example, 也是這樣設置的啊!!! 活見鬼了,

沒法子, 在下只好添加這麽個文件: components/element/index.js, 內容如下:

//components/element/index.js

import Element from ‘element-ui‘
import style from ‘element-ui/lib/theme-chalk/index.css‘;

export default Element;

然後在要使用的地方import 一下:

技術分享圖片技術分享圖片

這樣的話, 還是勉強可以使用的:

技術分享圖片

心塞.

也不知道是哪裏姿勢不對, 有知道的大神還請指導一下.

使用nuxt的時候添加element-ui