// 页面结构  <el-form  ref="ruleFormRef"  :model="ruleForm"  :rules="rules"  class="add_user"  label-width="70px"  label-position="left"  >       <el-button type="primary" @click="submitForm(ruleFormRef)"  >提交 >  取消  // 数据源 const ruleForm = reactive({  rolesDetail: null }) // 校验规则 const rules = reactive({  rolesDetail = [  { required: true, message: '请输入信息', trigger: 'blur' },  { min: 2, max: 8, message: '字符长度为2-10位', trigger: 'blur' } ] }) // 注意 检验规则需要和数据源同名，否则会出现获取不到数据一直校验失败的情况