1表格 2输入框 3下拉框 4弹框

1.el-table

1.1 设置最大高度，当高于这个高度出现滚动条；highlight-current-row高亮；

 el-table-column：可单独设置align，type=“expand/index/selection”；

1.2 选中 

this.$refs.tabRef.setCurrentRow(this.TabData[0]);//默认选中第一行
this.$refs.tabRef.selection //表格选中的内容
this.$refs.tabRef.clearSelection//清空选中的内容

1.3 设置单独的样式

stripe属性可以创建带斑马纹的表格； border：带边框

slot-scope=“scope”

:row-cell-style或:header-cell-style="‘color’：‘red’"修改公共的样式；

slot-scope=“header”设置表头

1.4 table出现空白的一列  原因：是宽度设置100%，给每一列设置宽度，宽了。  解决：删掉一列的宽度

    出现表格会无限的变长：因为加入fixed导致内容撑不开

1.5 合并表格

      官方：

                第一种方法：通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，row、column、rowIndex、columnIndex四个属性。该函数可以返回一个包含两个元素的数组，rowspan，colspan。 也可以返回一个键名为rowspan和colspan的对象。

                第二种方法：嵌套

:span-method="arraySpanMethod"

//这是奇数合并
   arraySpanMethod({ row, column, rowIndex, columnIndex }) {
        if (rowIndex % 2 === 0) {
          if (columnIndex === 0) {
            return [1, 2];
          } else if (columnIndex === 1) {
            return [0, 0];
          }
        }
      },

2.el-input

前后设置的图标slot：prefix（-icon ）、 suffix（ -icon ）、 prepend   、append；前面二个是写在输入框的里面，后面二个是类似于一个input写在输入的外面   。show-word-limit  超出宽度省略，    :maxlength="500"

  
    
  


//icon

  

3.el-select

3.1 搜索

el-select添加filterable属性即可启用搜索功能

为了启用远程搜索，需要将filterable和remote设置为true，同时传入一个remote-method

 3.2超出内容：

给select添加：popper-append-to-body="false"

4.el-dailog

:modal=false关闭遮罩层 ； 注意写上宽度； 再次打开时清空内容；

open（d）和close（d）事件

  需要注意的是内容是默认不居中的
  
    取 消
    确 定
  

　el-dialog点击关闭不了  ，解决： 在标签中加入@close=“closeDialog”

closeDialog(){
this.dialogData=";//清空数据
}

　清除数据el-form的内容：ref与model一致，this.$refs.nameA.resetFields()

//清除里面的el-form的内容，
//此时model与ref必须一致，才能this.$refs.nameA.resetFields()

   ...