微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue 引入并配置element-ui

https://element.eleme.cn/#/zh-CN

上面的网址是Element-ui的使用指南

 

element-ui是  基于vue2.0  的桌面组件库!!!

1,安装element-ui
npm安装: 在需要使用的项目下打开cmd窗口输入: npm i element-ui -S

(安装过淘宝镜像的可以输入  :  cnpm i element-ui -S)

 

2,安装完成后,进入项目进行配置使用(完整引入)(下图是配置了英文的,如果不想使用,可以把图片中第14行的代码删除,并打开图片中第19行代码关闭图片中第20行代码);

(不配置英文,到此就可以使用element-ui的相关组件了)


打开项目下的 main.js 文件 写入 :

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

在new Vue里面写入 render: h => h(App)

 

3,按照需求进行配置语言(中文,可以不配置)(上图配置了英文)

import locale from 'element-ui/lib/locale/lang/en'

Vue.use(ElementUI, { locale })

 

 

更多请仔细查看上面网址内的内容!!!

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐