Element-UI库使用

  UI库的良好使用可以大大提高开发的效率,这里记录一下对Element-UI的学习过程

开发前准备

  Element-UI的官网打开(地址),之后可以用npm在开发的文件根目录下安装(npm i element-ui -S)

  安装好就可以引入组件使用,官方文档中提及了完整引入按需引入(需要哪个组件引入哪个组件)两种方法,都是在main.js中按说明配置即可

  另外还有一个全局配置(设置组件尺寸弹框的初始z-index),配置在main.js中Vue.use(ElementUI)里即可

下面就是对各个组件的一个学习和个人小结,实时更新

Layout布局

基础布局

  el-row配置行,el-col配置列,像是一个个单行的表格

  其中el-col上绑定的span属性控制每一个小单元格大小

猜你喜欢

转载自www.cnblogs.com/shige720/p/11666934.html