如何修改el-form 验证框架的样式

要修改 `el-form` 验证框架的样式，可以使用以下方法：

1. 在 `el-form` 上添加 `:class` 属性，然后在 CSS 样式表中定义该类的样式。例如：

<el-form :class="{ 'my-form-class': true }">
  <!-- form fields -->
</el-form>

.my-form-class .el-form-item__error {
  color: red;
}

这将使表单验证错误消息变成红色。

2. 在 `el-form-item` 上添加 `prop` 属性来指定验证规则，并在 CSS 样式表中定义该属性的样式。例如：

<el-form>
  <el-form-item label="Username" prop="username">
    <el-input v-model="form.username"></el-input>
  </el-form-item>
</el-form>

.el-form-item__error[prop="username"] {
  color: red;
}

这将使表单验证错误消息变成红色，并且只对 `username` 属性的错误消息生效。

3. 修改全局验证样式。在 CSS 样式表中定义以下样式，可以修改全局验证样式：

.el-form-item__error {
  color: red;
}

这将使所有表单验证错误消息变成红色。

希望以上方法能够帮助你修改 `el-form` 验证框架的样式。