elementUI遇到的问题，及解决办法

一、在el-row 或者 el-col 上使用@click失效,

• 要使用@click.native=”aaa()”才行

二、表格的row-click事件怎么获取一行数据的id

• 文档中有：row-click 当某一行被点击时会触发该事件 三个参数：row, event, column

methods: {
    //打开详情页弹窗
    click(row) {
      console.log(row.id);
    },
}

三、如何修改element.style内联样式

用!important 语法优先权来实现我们想要的效果。

例如：在css样式表里面加入一个opacity: 100 ! important ;

四、el-table宽度自适应

• 百分比显示列

<el-table style="width: 100%;">
     <el-table-column min-width="25%"></el-table-column>
</el-table>

五、el-table行高

.cell{
    max-height: 60px !important; // 单行的高度
  }

六、element ui 表格提交时获取所有选中的checkbox的数据

https://blog.csdn.net/rickiyeat/article/details/76595308

七、表格 点击展开一行

https://segmentfault.com/q/1010000010047284

八、el-select 多选时 报错"TypeError: n.push is not a function"

将v-model声明及清空时，将其写为 [ ]
** 切勿写为 ‘ ’
例： this.selectedCompany = [ ]

九、element-ui中多选表格 如果配合分页 数据如何回显？（reserve-selection与row-key结合

）

html

<el-table :row-key="getRowKeys">
   <el-table-column type="selection" :reserve-selection="true"></el-table-column>
</el-table>

js

data () {
  return {
     // 获取row的key值
     getRowKeys (row) {
          return row.id
     }
  }
}

参考：https://segmentfault.com/q/1010000009772656

十、 element-ui中的select下拉列表 设置默认值

参考：https://blog.csdn.net/cofecode/article/details/77979792

十一、element-ui 给页面上的DOM元素加loading效果

参考：https://blog.csdn.net/cofecode/article/details/78539975