使用nuxt的時候添加element-ui
阿新 • • 發佈:2018-07-07
小問題 使用 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