<el-form ref="formRef" :model="processingProgressForm"><el-form-item label="服务商名称:" :label-width="120" prop="rejectRemarks" :rules="[{ required: true, message: '服务商名称不能为空' }]"><el-input v-model="processingProgressForm.rejectRemarks" placeholder="请输入" /></el-form-item>
</el-form>
<div style="text-align: center;"><el-button type="primary" @click="addOption">确认</el-button>
</div>
const formRef = ref();//表单虚拟节点function addOption() {formEl.value.validate((val)=>{if(!val) return ElMessage.error("请输入服务商名称");})
};
说明:ref="formRef"是表单的虚拟节点
:model="processingProgressForm"是绑定的对象
prop="rejectRemarks"要验证的属性
:rules是验证规则,可以直接写到标签上也可以写成变量
这4个属性必须要有