elementUI问题汇总

1、form 下面只有一个 input 时回车键刷新页面

原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent

<el-form @submit.native.prevent>
  <el-form-item label="名称">
    <el-input
      v-model="form.name"
      placeholder="请输入名称"
      clearable
      @keyup.enter.native="handleQuery"
    />
  </el-form-item>
</el-form>

2、表格固定列最后一行显示不全（此条问题目前没有遇到，网上看到觉得值得记录~就copy下来了，以备后患 哈哈哈）

这种情况有时在宽度刚好处于临界值状态时会出现。因为固定列是独立于表格body动态计算高度的，出现了固定列高度小于表格高度所以造成最后一行被遮挡。

.el-table__fixed-right {
  height: 100% !important;
}

3、表格跨分页多选

只需加上row-key和reserve-selection

<el-table
   ref="multipleTable"
   border
   row-key="id"
   @selection-change="handleSelectionChange"
   :data="assetsList"
>
  <el-table-column type="selection" reserve-selection></el-table-column>
</el-table>

4、数字输入框，中文输入法输入内容虽然输入不了，但是光标上移

 设置input输入框 line-height: 1