Element-ui 一些小功能

  • Upload 上传组件
action 必选参数,上传的地址 
data 上传时附带的额外参数
  • Transfer 穿梭框组件
 value / v-model 绑定值就是右侧框显示的内容
  • Table 的 index 索引值

没翻一页就会从 1 重新开始,处理后可以连续显示

 (this.currentPage - 1) * this.showCount + scope.index + 1 
  • Dialog 关闭后删除组件

关闭后,组件一直存在,尤其在使用了定时器的页面,定时器无法销毁;增加 v-if 判断,就可以在关闭后删除弹出内容

 <el-dialog
      :visible.sync="innerVisible"
      v-if="innerVisible"
    > 
  • el-input 自动获取焦点
autofocus 属性 true

有时候,因为外层组件的原因,会失效。需要设置ref,可以通过设置

 this.$refs.refname.focus() 
  • el-form 回车提交功能
在表单的提交按钮上添加 Vue 原生属性 native-type="submit" 可以让按钮变为表单提交按钮;
当表单中只有一个输入框时,按钮会默认为提交按钮;
设置默认的提交按钮后需要阻止表单默认提交事件,在表单上添加  @submit.native.prevent 即可