elementUi知识体系

①. 页面布局el-container

1>.页面布局el-container

• ①. 效果图如下:
  
• ②.

②. 表单

2>. 表单(form)

• ①. 数据的双向绑定：通过：model 和 v-model

• ②. 表单中输入框离开焦点时,通过：rules 来完成校验

• ③. 全局校验：this.$refs[ref].validate((valid)=>{ }) [如果valid==true表示校验成功] ( this.$refs[ref].validate((valid)=>)[如果valid==true表示校验成功](this.refs.loginFromRef.validate(async valid => {)

• 表单数据 formData: { },//表单数据
  注意：这里的rules是在data{ } 大括号当中的

• ④. 如果想要呈现每一个el-form-item 成行内元素,我们将设置:inline=“true”
  (eleme后台的el-form表单分为左右两边放数据 :inline=“true”)