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赋值，

• 参考文档