<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個屬性必須要有