vue select顯示和賦值不一致處理方法

 

• 如圖,班級欄下拉框顯示的是文字，而要發送給服務器的是對應的id

• 

• 前端代碼

  <select class="form-control" id="sel1" v-model="addAttrs.gradeId">
        <option v-for="grade in grades":value="grade.id">{{grade.name}}</option>
  </select>

  • 注意在v-for后面加個冒號給value賦值，

• 參考文檔