Element语法记录

孰能生巧，常用的几个组件记录一下

1.form表单

<el-form ref="registerForm" :model="form" :rules="rules" label-width="80px">
  <el-form-item label="活动名称">
    <el-input v-model="form.name"></el-input></el-form-item >
    
<el-button  @click="submitForm('registerForm')">注册</el-button>
- 提交时使用ref
submitForm(formName) {
this.$refs[formName].validate((valid) => {console.log(this.form)}//传入ref获取表单数据

   - type placeholder
   - 每一行用一个el-form-item包裹
   - 输入验证时rules和 el-form-item 的 prop属性为必填,
    return后rules{name:[{require:true,trigger:'blur'}],email:[{}]}
   - 二次密码校验 validatePass2 = (rule, value, callback) => {}

2. 按钮

   

3. 表格