...

<template> <el-form ref="form" label-position="left" :model="form" :rules="rules" label-width="80px" style="margin:20px;width:60 ...

自定義校驗方法,因為我的項目是,分情況,可以選擇是否有圖,所以我定義了一個變量hasFmt,當他為false的時候,才會要求上傳,走這個校驗方法,rules里聲明這個方法 根據情況去切換hasFmt的值 就可以控制是否校驗失敗啦~~這就是校驗圖片的思路了,是不是很簡單 ...

...

這些規則可以集中寫在一個js 文件里 按需引入即可。 export let required = { required: true, ...

此處需要實現的功能：價格項必須為數字值 前端實現： ...

1、要驗證輸入只能為數字時 、 方法一 如果使用type=“number”樣式這邊去掉type=number時自帶的屬性 也可以用自帶的rules校驗，這邊就統一提交的時候，校驗 其中我們也可以用自帶的len屬性限制長度，min限制最少長度，max限制最大長度 ...

1.復制https://element.eleme.cn/#/zh-CN/component/form代碼 2.粘貼 以上只是對部分參數的解釋 表單中的 el-checkbox-group， el-select， el-input 都可以修改為自己想要提交的內容標簽 ...