03.Element UI 之安装使用(npm)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了03.Element UI 之安装使用(npm)相关的知识,希望对你有一定的参考价值。
参考技术A 一、创建一个vue新项目(cli方式)|--命令:vue init webpack elementui02
二、通过npm方式安装element-ui
三、项目中引入element
|--两种方式:完整引入和按需引入
|--完整引入:
|--按需引入(借助插件):
|--需要借助babel-plugin-component插件,按照我们需要的组件引入,以达到减小项目的目的。
|--安装:babel-plugin-component
|--修改.babelrc文件:
|--在main.js进行配置:
|--在HelloWorld进行使用:
|--如果引入没有配置的组件:el-dialog
|--完整的组件列表:
|--详见:https://element.eleme.cn/#/zh-CN/component/quickstart
四、全局配置size和zIndex
|--在引入Element时,可以传入一个全局配置对象size:'small',zIndex:3000。
|--size:用于改变组件的默认尺寸。
|--zIndex:设置弹窗的出事z-index(默认:2000)。
|--完整引入配置:
|--按需引入配置:
以上是关于03.Element UI 之安装使用(npm)的主要内容,如果未能解决你的问题,请参考以下文章