Element-ui 入门

1. 淡入淡出

1. el-fade-in
   用了vue的transition组件，在name上加上el-fade-in和el-fade-in-linear

  
     
.el-fade-in-linear
  
  
    
.el-fade-in
  

2. zoom缩放
   可以实现三种元素隐藏显示的效果

2. 插槽

1. tabs

  
     我的行程
    我的行程
  
  消息中心
  角色管理
  定时任务补偿

在slot里写上属性名，就完事儿了

2. table

在插槽里传过来一个对象scope，里面含有四个属性，$index、column、row、store。

• $index: table的第几行，从0开始
• column: 貌似没什么用
• row: 记录了这一行的所有信息
• store: 记录了这个table的所有信息

3. Popover弹出框

  
姓名: {{ scope.row.name }}
  
住址: {{ scope.row.address }}
  

    {{ scope.row.name }}
  

reference就是默认展示的内容，上面的p是弹出框里的内容

4. 下拉菜单

  {{user.username}}

3. el-form

阻止回车刷新页面