Element UI 自定义表单组件提供了丰富的 API 来绑定验证，包括属性验证、数据验证等。

1. 属性验证

Element UI 的属性验证方法类似于 JavaScript 的自定义验证方法，可以通过 name 属性来选择验证规则，然后使用 on 方法来触发验证。例如：

html <el-form :model="form" :rules="rules" label-width="80px"> <el-form-item label="姓名"> <el-input v-model="form.name" placeholder="请输入姓名"></el-input> <el-cmp-line> <el-cmp-box label="长度" prop="name"> <el-input v-model="form.name" placeholder="请输入姓名"></el-input> </el-cmp-box> </el-cmp-line> </el-form-item> </el-form>

在这个例子中，我们定义了一个属性 name 和一个数据属性 form。当用户在输入框中输入姓名时，name 属性的值将被传递给 form 对象，从而触发属性验证。

1. 数据验证

数据验证方法类似于 JavaScript 的自定义验证方法，可以使用 v-model 和 v-test 属性来绑定数据。例如：

html <el-form v-model="form"> <el-form-item label="姓名"> <el-input v-model="form.name" placeholder="请输入姓名"></el-input> <el-cmp-line> <el-cmp-box label="长度" prop="name"> <el-input v-model="form.name" placeholder="请输入姓名"></el-input> </el-cmp-box> </el-cmp-line> </el-form-item> </el-form>

在这个例子中，我们使用 v-model 和 v-test 属性来绑定 form.name 数据，当用户在输入框中输入姓名时，v-model 属性的值将被传递给 form 对象，从而触发数据验证。

注意，当使用 v-model 和 v-test 属性时，需要将数据绑定到 v-model 或 v-test 的一个实际的 DOM 元素上，而不是一个空字符串。