02-Elenment 引入使用
2024-08-27 12:20:31
快速上手
本节将介绍如何在项目中使用 Element。
¶使用 vue-cli@3
我们为新版的 vue-cli 准备了相应的 Element 插件,你可以用它们快速地搭建一个基于 Element 的项目。
¶使用 Starter Kit
我们提供了通用的项目模板,你可以直接使用。对于 Laravel 用户,我们也准备了相应的模板,同样可以直接下载使用。
如果不希望使用我们提供的模板,请继续阅读。
¶引入 Element
你可以引入整个 Element,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。
¶完整引入
在 main.js 中写入以下内容:
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue'; Vue.use(ElementUI); new Vue({
el: '#app',
render: h => h(App)
});
全局配置
在引入 Element 时,可以传入一个全局配置对象。该对象目前支持 size
与 zIndex
字段。
size
用于改变组件的默认尺寸,zIndex
设置弹框的初始 z-index(默认值:2000)。按照引入 Element 的方式,具体操作如下:
完整引入 Element:
import Vue from 'vue';
import Element from 'element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });
最新文章
- python脚本基础总结
- I/O复用机制概述
- 3. javacript高级程序设计-基本概念
- Android开发者的Git&;Github(一)
- ThinkPHP3.2.3自带的分页用法--很简单实用
- 【USACO】numtri
- C语言学习_include<;>;与include";";的区别
- F - Rain on your Parade - hdu 2389(二分图匹配,Hk算法)
- AllocConsole
- Word Search 解答
- Overload&;Override
- ELK学习总结(2-6)elk的mapping
- jvisualvm安装visualgc插件
- T-SQL :SQL Server 定义数据完整性 6大约束(三)
- 关于4A网络安全管控平台控件加载失败的解决方法
- 架构之路:nginx与IIS服务器搭建集群实现负载均衡(二)
- DNS压力测试
- SQL Server 中SELECT INTO 和 INSERT INTO SELECT 两种表复制语句
- POJ 3752 字母旋转游戏
- Windows Phone 8 Programming Considerations
热门文章
- 字符串的分隔方法 split()
- xsy 2018 【NOIP2013】货车运输
- Redis--zset类型操作命令
- stm32f103的低功耗开启和关闭
- jvm--工具
- Python TypeError: __init__() got multiple values for argument &#39;master&#39;(转)
- shell 学习笔记3-shell变量扩展
- 拦截器中获取不到controller注解问题
- gradle上传jar包到maven公共仓库
- php json_encode()函数返回对象和数组问题