如果要给自定义组件也出现element-ui 校验的效果怎么说

要给自定义组件也出现element-ui校验的效果，可以使用element-ui提供的校验器（Validator）组件，将其作为自定义组件的子组件，然后在自定义组件中使用该校验器组件来进行校验。

具体实现步骤如下：

1.引入element-ui的Validator组件：

import { Validator } from 'element-ui';

2.将Validator组件作为自定义组件的子组件：

export default {
  components: {
    Validator
  },
  // ...
}

3.在自定义组件中使用Validator组件来进行校验：

<validator ref="validator">
  <el-form-item label="用户名" prop="username">
    <el-input v-model="username"></el-input>
  </el-form-item>
</validator>

// 在方法中调用校验方法
validate() {
  this.$refs.validator.validate((valid) => {
    if (valid) {
      // 校验通过
    } else {
      // 校验失败
    }
  });
}

在自定义组件中使用Validator组件后，就可以像element-ui的表单组件一样，使用prop属性来指定校验规则，使用validate方法来进行校验了。