element中自帶的表單必填項校驗不能去除空格，此時若輸入空格，required: true驗證還是可以通過。若想正確校驗需要去除字元兩邊的空格。在v-model加上.trim就可以解決。 一、未加.trim

<el-form :rules="rules">
     <el-form-item label="名稱" prop="name">
        	<el-input size="small" v-model="form.name" placeholder="請輸入名稱"></el-input>
     </el-form-item>
</el-form>

rules: {
	name: [{ required: true, message: '名稱不能為空', trigger: 'blur' },]
}
 

輸入空格後驗證結果: 此時輸入兩個空格，驗證通過 二、加上.trim

<el-form :rules="rules">
   	<el-form-item label="名稱" prop="name">
   		<el-input size="small" v-model.trim="form.name" placeholder="請輸入名稱"></el-input>
   	</el-form-item>
   </el-form>
  
rules: {
   	name: [{ required: true, message: '名稱不能為空', trigger: 'blur' },]
   }
 

輸入空格後驗證結果: 此時輸入兩個空格，驗證不通過