1、要注意的点

  Element-plus使用el-form必须配置ref和model属性，二者的值不能相同（在ElementUI中是可以相同的）。ref的值在声明的时候要引入FormInstance

1. <el-form :model="formModel" ref="formRef">
  </el-form>
//ts---
import type {FormInstance} from "element-plus";
const formRef=ref<FormInstance>()
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  1. el-form的ref和model属性的参数值必须不一样，否则会冲突
  2. 每个el-form-item必须设置prop属性，否则重置方法resetFields不生效
  3. 重置方法使用的formRef后面需要增加.value，因为声明的是ref。否则重置方法resetFields不生效
  4. 要控制表单项的布局，使用el-row和el-col是不错的方法，易于控制