element ui select 驗證問題

在這裏需要有幾個注意的問題，舉例如下

<el-form-item label="新聞類別" prop="typevalue">
  <el-select v-model="form.typevalue" placeholder="請選擇新聞類別">
    <el-option v-for="item in this.typelist.options" :key="item.id" :label="item.title" :value="item.id" />
  </el-select>
</el-form-item>

常規的方式，注意第一點：

v-model 綁定的數據要和上面的prop的名稱一致

 

第二點(浪費了4個小時)：

由於 Form 的校驗內置了 async-validator，而它會給每個字段加一個默認的值爲 string 的 type 規則，即默認情況下字段必須是字符串型。

但是一般類似於新聞類別選擇的這種，其實選擇的是類別的id，所以類別就需要你自己設置成number纔可以

如下：

typevalue: [{ required: true, message: '不能爲空', trigger:'change' ,type:'number' }]